@carbon/web-components 2.62.0 → 2.63.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -0
- package/bin/create-prefixed-build.js +157 -0
- package/custom-elements.json +2074 -360
- package/es/components/accordion/accordion.scss.js +1 -1
- package/es/components/action-set/action-set.scss.js +1 -1
- package/es/components/ai-label/ai-label-action-button.d.ts +1 -1
- package/es/components/ai-label/ai-label-action-button.d.ts.map +1 -1
- package/es/components/ai-label/ai-label-action-button.js +4 -3
- package/es/components/ai-label/ai-label-action-button.js.map +1 -1
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/ai-label/ai-label.scss.js.map +1 -1
- package/es/components/ai-label/index.d.ts +1 -0
- package/es/components/ai-label/index.d.ts.map +1 -1
- package/es/components/ai-label/index.js +1 -0
- package/es/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es/components/big-number/big-number-skeleton.d.ts +21 -0
- package/es/components/big-number/big-number-skeleton.d.ts.map +1 -0
- package/es/components/big-number/big-number-skeleton.js +62 -0
- package/es/components/big-number/big-number-skeleton.js.map +1 -0
- package/es/components/big-number/big-number-skeleton.scss.js +14 -0
- package/es/components/big-number/big-number-skeleton.scss.js.map +1 -0
- package/es/components/big-number/big-number.d.ts +35 -0
- package/es/components/big-number/big-number.d.ts.map +1 -0
- package/es/components/big-number/big-number.js +171 -0
- package/es/components/big-number/big-number.js.map +1 -0
- package/es/components/big-number/big-number.scss.js +14 -0
- package/es/components/big-number/big-number.scss.js.map +1 -0
- package/es/components/big-number/constants.d.ts +20 -0
- package/es/components/big-number/constants.d.ts.map +1 -0
- package/es/components/big-number/constants.js +32 -0
- package/es/components/big-number/constants.js.map +1 -0
- package/es/components/big-number/index.d.ts +8 -0
- package/es/components/big-number/index.d.ts.map +1 -0
- package/es/components/big-number/index.js +8 -0
- package/es/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js +2 -1
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js +2 -2
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +1 -1
- package/es/components/button/button.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/card/card-action.d.ts +27 -0
- package/es/components/card/card-action.d.ts.map +1 -0
- package/es/components/card/card-action.js +52 -0
- package/es/components/card/card-action.js.map +1 -0
- package/es/components/card/card-actions.d.ts +36 -0
- package/es/components/card/card-actions.d.ts.map +1 -0
- package/es/components/card/card-actions.js +171 -0
- package/es/components/card/card-actions.js.map +1 -0
- package/es/components/card/card-body.d.ts +23 -0
- package/es/components/card/card-body.d.ts.map +1 -0
- package/es/components/card/card-body.js +54 -0
- package/es/components/card/card-body.js.map +1 -0
- package/es/components/card/card-context.d.ts +20 -0
- package/es/components/card/card-context.d.ts.map +1 -0
- package/es/components/card/card-context.js +29 -0
- package/es/components/card/card-context.js.map +1 -0
- package/es/components/card/card-footer.d.ts +34 -0
- package/es/components/card/card-footer.d.ts.map +1 -0
- package/es/components/card/card-footer.js +75 -0
- package/es/components/card/card-footer.js.map +1 -0
- package/es/components/card/card-header-media.d.ts +19 -0
- package/es/components/card/card-header-media.d.ts.map +1 -0
- package/es/components/card/card-header-media.js +39 -0
- package/es/components/card/card-header-media.js.map +1 -0
- package/es/components/card/card-header.d.ts +23 -0
- package/es/components/card/card-header.d.ts.map +1 -0
- package/es/components/card/card-header.js +70 -0
- package/es/components/card/card-header.js.map +1 -0
- package/es/components/card/card-media.d.ts +37 -0
- package/es/components/card/card-media.d.ts.map +1 -0
- package/es/components/card/card-media.js +79 -0
- package/es/components/card/card-media.js.map +1 -0
- package/es/components/card/card-title-media.d.ts +19 -0
- package/es/components/card/card-title-media.d.ts.map +1 -0
- package/es/components/card/card-title-media.js +39 -0
- package/es/components/card/card-title-media.js.map +1 -0
- package/es/components/card/card-title.d.ts +52 -0
- package/es/components/card/card-title.d.ts.map +1 -0
- package/es/components/card/card-title.js +144 -0
- package/es/components/card/card-title.js.map +1 -0
- package/es/components/card/card.d.ts +69 -0
- package/es/components/card/card.d.ts.map +1 -0
- package/es/components/card/card.js +185 -0
- package/es/components/card/card.js.map +1 -0
- package/es/components/card/card.scss.js +14 -0
- package/es/components/card/card.scss.js.map +1 -0
- package/es/components/card/defs.d.ts +33 -0
- package/es/components/card/defs.d.ts.map +1 -0
- package/es/components/card/defs.js +46 -0
- package/es/components/card/defs.js.map +1 -0
- package/es/components/card/index.d.ts +17 -0
- package/es/components/card/index.d.ts.map +1 -0
- package/es/components/card/index.js +17 -0
- package/es/components/checkbox/checkbox.scss.js +1 -1
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +67 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js +120 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +14 -0
- package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/defs.d.ts +13 -0
- package/es/components/coachmark/coachmark-beacon/defs.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-beacon/defs.js +25 -0
- package/es/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/es/components/coachmark/coachmark-beacon/index.d.ts +8 -0
- package/es/components/coachmark/coachmark-beacon/index.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-beacon/index.js +8 -0
- package/es/components/coachmark/coachmark-body.d.ts +31 -0
- package/es/components/coachmark/coachmark-body.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-body.js +39 -0
- package/es/components/coachmark/coachmark-body.js.map +1 -0
- package/es/components/coachmark/coachmark-body.scss.js +14 -0
- package/es/components/coachmark/coachmark-body.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-context.d.ts +12 -0
- package/es/components/coachmark/coachmark-context.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-context.js +39 -0
- package/es/components/coachmark/coachmark-context.js.map +1 -0
- package/es/components/coachmark/coachmark-header.d.ts +41 -0
- package/es/components/coachmark/coachmark-header.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-header.js +95 -0
- package/es/components/coachmark/coachmark-header.js.map +1 -0
- package/es/components/coachmark/coachmark-header.scss.js +14 -0
- package/es/components/coachmark/coachmark-header.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-helpers.d.ts +10 -0
- package/es/components/coachmark/coachmark-helpers.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-helpers.js +33 -0
- package/es/components/coachmark/coachmark-helpers.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +72 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js +130 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +14 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/index.d.ts +8 -0
- package/es/components/coachmark/coachmark-tagline/index.d.ts.map +1 -0
- package/es/components/coachmark/coachmark-tagline/index.js +8 -0
- package/es/components/coachmark/coachmark.d.ts +97 -0
- package/es/components/coachmark/coachmark.d.ts.map +1 -0
- package/es/components/coachmark/coachmark.js +290 -0
- package/es/components/coachmark/coachmark.js.map +1 -0
- package/es/components/coachmark/coachmark.scss.js +14 -0
- package/es/components/coachmark/coachmark.scss.js.map +1 -0
- package/es/components/coachmark/index.d.ts +10 -0
- package/es/components/coachmark/index.d.ts.map +1 -0
- package/es/components/coachmark/index.js +10 -0
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.d.ts.map +1 -1
- package/es/components/combo-box/combo-box.js +5 -12
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/combo-box/combo-box.scss.js.map +1 -1
- package/es/components/combo-button/combo-button.scss.js +1 -1
- package/es/components/contained-list/contained-list.scss.js +1 -1
- package/es/components/content-switcher/content-switcher.scss.js +1 -1
- package/es/components/copy/index.d.ts +9 -0
- package/es/components/copy/index.d.ts.map +1 -0
- package/es/components/copy/index.js +9 -0
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js +1 -1
- package/es/components/date-picker/date-picker.scss.js.map +1 -1
- package/es/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es/components/date-picker/next/components/date-picker.scss.js.map +1 -1
- package/es/components/dialog/dialog.scss.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +2 -1
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +13 -15
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/dropdown/dropdown.scss.js.map +1 -1
- package/es/components/edit-in-place/defs.d.ts +30 -0
- package/es/components/edit-in-place/defs.d.ts.map +1 -0
- package/es/components/edit-in-place/defs.js +43 -0
- package/es/components/edit-in-place/defs.js.map +1 -0
- package/es/components/edit-in-place/edit-in-place-helpers.d.ts +47 -0
- package/es/components/edit-in-place/edit-in-place-helpers.d.ts.map +1 -0
- package/es/components/edit-in-place/edit-in-place-helpers.js +59 -0
- package/es/components/edit-in-place/edit-in-place-helpers.js.map +1 -0
- package/es/components/edit-in-place/edit-in-place.d.ts +214 -0
- package/es/components/edit-in-place/edit-in-place.d.ts.map +1 -0
- package/es/components/edit-in-place/edit-in-place.js +453 -0
- package/es/components/edit-in-place/edit-in-place.js.map +1 -0
- package/es/components/edit-in-place/edit-in-place.scss.js +14 -0
- package/es/components/edit-in-place/edit-in-place.scss.js.map +1 -0
- package/es/components/edit-in-place/index.d.ts +10 -0
- package/es/components/edit-in-place/index.d.ts.map +1 -0
- package/es/components/edit-in-place/index.js +20 -0
- package/es/components/edit-in-place/index.js.map +1 -0
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.d.ts +5 -1
- package/es/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.js +27 -1
- package/es/components/fluid-date-picker/fluid-date-picker.js.map +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.scss.js.map +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
- package/es/components/fluid-form/fluid-form.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
- package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-search/fluid-search.scss.js.map +1 -1
- package/es/components/fluid-select/fluid-select.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es/components/form/form-item.scss.js +1 -1
- package/es/components/form/form.scss.js +1 -1
- package/es/components/form-group/form-group.scss.js +1 -1
- package/es/components/grid/column-hang.scss.js +1 -1
- package/es/components/grid/grid.scss.js +1 -1
- package/es/components/icon-button/icon-button.d.ts +1 -1
- package/es/components/icon-button/icon-button.js +1 -1
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/inline-loading/inline-loading.scss.js +1 -1
- package/es/components/layer/layer.scss.js +1 -1
- package/es/components/layout/layout.scss.js +1 -1
- package/es/components/link/link.d.ts +2 -1
- package/es/components/link/link.d.ts.map +1 -1
- package/es/components/link/link.js +1 -1
- package/es/components/link/link.js.map +1 -1
- package/es/components/loading/loading.scss.js +1 -1
- package/es/components/menu/menu-item.d.ts.map +1 -1
- package/es/components/menu/menu-item.js +2 -6
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu-item.scss.js +1 -1
- package/es/components/menu/menu-item.scss.js.map +1 -1
- package/es/components/menu/menu.d.ts +10 -0
- package/es/components/menu/menu.d.ts.map +1 -1
- package/es/components/menu/menu.js +17 -11
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/menu/menu.scss.js +1 -1
- package/es/components/menu/menu.scss.js.map +1 -1
- package/es/components/menu-button/menu-button.scss.js +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select-item.d.ts +1 -1
- package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es/components/multi-select/multi-select-item.js +5 -1
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.d.ts +2 -1
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +15 -14
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/multi-select/multi-select.scss.js.map +1 -1
- package/es/components/notification/actionable-notification-button.d.ts +1 -1
- package/es/components/notification/actionable-notification-button.d.ts.map +1 -1
- package/es/components/notification/actionable-notification-button.js +2 -2
- package/es/components/notification/actionable-notification-button.js.map +1 -1
- package/es/components/notification/actionable-notification.d.ts.map +1 -1
- package/es/components/notification/actionable-notification.js +4 -4
- package/es/components/notification/actionable-notification.js.map +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js.map +1 -1
- package/es/components/options-tile/index.d.ts +8 -0
- package/es/components/options-tile/index.d.ts.map +1 -0
- package/es/components/options-tile/index.js +8 -0
- package/es/components/options-tile/option-tile-helpers.d.ts +16 -0
- package/es/components/options-tile/option-tile-helpers.d.ts.map +1 -0
- package/es/components/options-tile/option-tile-helpers.js +163 -0
- package/es/components/options-tile/option-tile-helpers.js.map +1 -0
- package/es/components/options-tile/options-tile.d.ts +91 -0
- package/es/components/options-tile/options-tile.d.ts.map +1 -0
- package/es/components/options-tile/options-tile.js +208 -0
- package/es/components/options-tile/options-tile.js.map +1 -0
- package/es/components/options-tile/options-tile.scss.js +14 -0
- package/es/components/options-tile/options-tile.scss.js.map +1 -0
- package/es/components/overflow-menu/overflow-menu.js +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/page-header/index.d.ts +1 -0
- package/es/components/page-header/index.d.ts.map +1 -1
- package/es/components/page-header/index.js +1 -0
- package/es/components/page-header/page-header-tabs.d.ts +1 -1
- package/es/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/es/components/page-header/page-header-tabs.js +1 -2
- package/es/components/page-header/page-header-tabs.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +1 -1
- package/es/components/page-header/page-header.d.ts.map +1 -1
- package/es/components/page-header/page-header.js +1 -2
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/pagination/pagination.scss.js +1 -1
- package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/popover/popover.scss.js +1 -1
- package/es/components/progress-bar/progress-bar.scss.js +1 -1
- package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/resizer/resizer-handle-pivot.scss.js +1 -1
- package/es/components/search/search.d.ts.map +1 -1
- package/es/components/search/search.js +2 -0
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/search/search.scss.js.map +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/select/select.scss.js.map +1 -1
- package/es/components/side-panel/side-panel.js +2 -2
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/skeleton-icon/skeleton-icon.scss.js +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
- package/es/components/skeleton-text/skeleton-text.scss.js +1 -1
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slider/slider.scss.js.map +1 -1
- package/es/components/slug/index.d.ts +1 -0
- package/es/components/slug/index.d.ts.map +1 -1
- package/es/components/slug/index.js +1 -0
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/structured-list/structured-list.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js.map +1 -1
- package/es/components/tag/dismissible-tag.d.ts +1 -1
- package/es/components/tag/dismissible-tag.d.ts.map +1 -1
- package/es/components/tag/dismissible-tag.js +24 -15
- package/es/components/tag/dismissible-tag.js.map +1 -1
- package/es/components/tag/tag.d.ts.map +1 -1
- package/es/components/tag/tag.js +1 -1
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/tag/tag.scss.js +1 -1
- package/es/components/tag/tag.scss.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/text-input/text-input.scss.js.map +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/tile/clickable-tile.d.ts +2 -1
- package/es/components/tile/clickable-tile.d.ts.map +1 -1
- package/es/components/tile/clickable-tile.js +1 -1
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.scss.js +1 -1
- package/es/components/tooltip/tooltip.scss.js +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es/components/ui-shell/side-nav.scss.js +1 -1
- package/es/components/user-avatar/index.d.ts +8 -0
- package/es/components/user-avatar/index.d.ts.map +1 -0
- package/es/components/user-avatar/index.js +8 -0
- package/es/components/user-avatar/user-avatar.d.ts +84 -0
- package/es/components/user-avatar/user-avatar.d.ts.map +1 -0
- package/es/components/user-avatar/user-avatar.js +151 -0
- package/es/components/user-avatar/user-avatar.js.map +1 -0
- package/es/components/user-avatar/user-avatar.scss.js +14 -0
- package/es/components/user-avatar/user-avatar.scss.js.map +1 -0
- package/es/globals/controllers/floating-controller.d.ts.map +1 -1
- package/es/globals/controllers/floating-controller.js.map +1 -1
- package/es/globals/decorators/carbon-element.d.ts +8 -0
- package/es/globals/decorators/carbon-element.d.ts.map +1 -1
- package/es/globals/decorators/carbon-element.js +8 -0
- package/es/globals/decorators/carbon-element.js.map +1 -1
- package/es/globals/internal/collection-helpers.d.ts +5 -5
- package/es/globals/internal/collection-helpers.d.ts.map +1 -1
- package/es/globals/internal/collection-helpers.js +1 -1
- package/es/globals/internal/collection-helpers.js.map +1 -1
- package/es/globals/internal/getSupportedLocale.d.ts +12 -0
- package/es/globals/internal/getSupportedLocale.d.ts.map +1 -0
- package/es/globals/internal/getSupportedLocale.js +29 -0
- package/es/globals/internal/getSupportedLocale.js.map +1 -0
- package/es/globals/mixins/on.d.ts +2 -2
- package/es/globals/mixins/on.d.ts.map +1 -1
- package/es/globals/mixins/on.js +4 -4
- package/es/globals/mixins/on.js.map +1 -1
- package/es/globals/register.d.ts +89 -0
- package/es/globals/register.d.ts.map +1 -0
- package/es/globals/register.js +56 -0
- package/es/globals/register.js.map +1 -0
- package/es/globals/settings.d.ts +1 -1
- package/es/globals/settings.d.ts.map +1 -1
- package/es/globals/settings.js +1 -0
- package/es/globals/settings.js.map +1 -1
- package/es/index.d.ts +10 -0
- package/es/index.d.ts.map +1 -1
- package/es/index.js +13 -3
- package/es-custom/components/accordion/accordion.scss.js +1 -1
- package/es-custom/components/action-set/action-set.scss.js +1 -1
- package/es-custom/components/ai-label/ai-label-action-button.d.ts +1 -1
- package/es-custom/components/ai-label/ai-label-action-button.d.ts.map +1 -1
- package/es-custom/components/ai-label/ai-label-action-button.js +4 -3
- package/es-custom/components/ai-label/ai-label-action-button.js.map +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js.map +1 -1
- package/es-custom/components/ai-label/index.d.ts +1 -0
- package/es-custom/components/ai-label/index.d.ts.map +1 -1
- package/es-custom/components/ai-label/index.js +1 -0
- package/es-custom/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es-custom/components/big-number/big-number-skeleton.d.ts +21 -0
- package/es-custom/components/big-number/big-number-skeleton.d.ts.map +1 -0
- package/es-custom/components/big-number/big-number-skeleton.js +62 -0
- package/es-custom/components/big-number/big-number-skeleton.js.map +1 -0
- package/es-custom/components/big-number/big-number-skeleton.scss.js +14 -0
- package/es-custom/components/big-number/big-number-skeleton.scss.js.map +1 -0
- package/es-custom/components/big-number/big-number.d.ts +35 -0
- package/es-custom/components/big-number/big-number.d.ts.map +1 -0
- package/es-custom/components/big-number/big-number.js +171 -0
- package/es-custom/components/big-number/big-number.js.map +1 -0
- package/es-custom/components/big-number/big-number.scss.js +14 -0
- package/es-custom/components/big-number/big-number.scss.js.map +1 -0
- package/es-custom/components/big-number/constants.d.ts +20 -0
- package/es-custom/components/big-number/constants.d.ts.map +1 -0
- package/es-custom/components/big-number/constants.js +32 -0
- package/es-custom/components/big-number/constants.js.map +1 -0
- package/es-custom/components/big-number/index.d.ts +8 -0
- package/es-custom/components/big-number/index.d.ts.map +1 -0
- package/es-custom/components/big-number/index.js +8 -0
- package/es-custom/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.js +2 -1
- package/es-custom/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.js +2 -2
- package/es-custom/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.d.ts.map +1 -1
- package/es-custom/components/button/button.js +1 -1
- package/es-custom/components/button/button.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/card/card-action.d.ts +27 -0
- package/es-custom/components/card/card-action.d.ts.map +1 -0
- package/es-custom/components/card/card-action.js +52 -0
- package/es-custom/components/card/card-action.js.map +1 -0
- package/es-custom/components/card/card-actions.d.ts +36 -0
- package/es-custom/components/card/card-actions.d.ts.map +1 -0
- package/es-custom/components/card/card-actions.js +171 -0
- package/es-custom/components/card/card-actions.js.map +1 -0
- package/es-custom/components/card/card-body.d.ts +23 -0
- package/es-custom/components/card/card-body.d.ts.map +1 -0
- package/es-custom/components/card/card-body.js +54 -0
- package/es-custom/components/card/card-body.js.map +1 -0
- package/es-custom/components/card/card-context.d.ts +20 -0
- package/es-custom/components/card/card-context.d.ts.map +1 -0
- package/es-custom/components/card/card-context.js +29 -0
- package/es-custom/components/card/card-context.js.map +1 -0
- package/es-custom/components/card/card-footer.d.ts +34 -0
- package/es-custom/components/card/card-footer.d.ts.map +1 -0
- package/es-custom/components/card/card-footer.js +75 -0
- package/es-custom/components/card/card-footer.js.map +1 -0
- package/es-custom/components/card/card-header-media.d.ts +19 -0
- package/es-custom/components/card/card-header-media.d.ts.map +1 -0
- package/es-custom/components/card/card-header-media.js +39 -0
- package/es-custom/components/card/card-header-media.js.map +1 -0
- package/es-custom/components/card/card-header.d.ts +23 -0
- package/es-custom/components/card/card-header.d.ts.map +1 -0
- package/es-custom/components/card/card-header.js +70 -0
- package/es-custom/components/card/card-header.js.map +1 -0
- package/es-custom/components/card/card-media.d.ts +37 -0
- package/es-custom/components/card/card-media.d.ts.map +1 -0
- package/es-custom/components/card/card-media.js +79 -0
- package/es-custom/components/card/card-media.js.map +1 -0
- package/es-custom/components/card/card-title-media.d.ts +19 -0
- package/es-custom/components/card/card-title-media.d.ts.map +1 -0
- package/es-custom/components/card/card-title-media.js +39 -0
- package/es-custom/components/card/card-title-media.js.map +1 -0
- package/es-custom/components/card/card-title.d.ts +52 -0
- package/es-custom/components/card/card-title.d.ts.map +1 -0
- package/es-custom/components/card/card-title.js +144 -0
- package/es-custom/components/card/card-title.js.map +1 -0
- package/es-custom/components/card/card.d.ts +69 -0
- package/es-custom/components/card/card.d.ts.map +1 -0
- package/es-custom/components/card/card.js +185 -0
- package/es-custom/components/card/card.js.map +1 -0
- package/es-custom/components/card/card.scss.js +14 -0
- package/es-custom/components/card/card.scss.js.map +1 -0
- package/es-custom/components/card/defs.d.ts +33 -0
- package/es-custom/components/card/defs.d.ts.map +1 -0
- package/es-custom/components/card/defs.js +46 -0
- package/es-custom/components/card/defs.js.map +1 -0
- package/es-custom/components/card/index.d.ts +17 -0
- package/es-custom/components/card/index.d.ts.map +1 -0
- package/es-custom/components/card/index.js +17 -0
- package/es-custom/components/checkbox/checkbox.scss.js +1 -1
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +67 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js +120 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts +13 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.js +25 -0
- package/es-custom/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.d.ts +8 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-beacon/index.js +8 -0
- package/es-custom/components/coachmark/coachmark-body.d.ts +31 -0
- package/es-custom/components/coachmark/coachmark-body.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-body.js +39 -0
- package/es-custom/components/coachmark/coachmark-body.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-body.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-body.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-context.d.ts +12 -0
- package/es-custom/components/coachmark/coachmark-context.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-context.js +39 -0
- package/es-custom/components/coachmark/coachmark-context.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-header.d.ts +41 -0
- package/es-custom/components/coachmark/coachmark-header.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-header.js +95 -0
- package/es-custom/components/coachmark/coachmark-header.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-header.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-header.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-helpers.d.ts +10 -0
- package/es-custom/components/coachmark/coachmark-helpers.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-helpers.js +33 -0
- package/es-custom/components/coachmark/coachmark-helpers.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +72 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js +130 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/index.d.ts +8 -0
- package/es-custom/components/coachmark/coachmark-tagline/index.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/index.js +8 -0
- package/es-custom/components/coachmark/coachmark.d.ts +97 -0
- package/es-custom/components/coachmark/coachmark.d.ts.map +1 -0
- package/es-custom/components/coachmark/coachmark.js +290 -0
- package/es-custom/components/coachmark/coachmark.js.map +1 -0
- package/es-custom/components/coachmark/coachmark.scss.js +14 -0
- package/es-custom/components/coachmark/coachmark.scss.js.map +1 -0
- package/es-custom/components/coachmark/index.d.ts +10 -0
- package/es-custom/components/coachmark/index.d.ts.map +1 -0
- package/es-custom/components/coachmark/index.js +10 -0
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.d.ts.map +1 -1
- package/es-custom/components/combo-box/combo-box.js +5 -12
- package/es-custom/components/combo-box/combo-box.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js.map +1 -1
- package/es-custom/components/combo-button/combo-button.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list.scss.js +1 -1
- package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
- package/es-custom/components/copy/index.d.ts +9 -0
- package/es-custom/components/copy/index.d.ts.map +1 -0
- package/es-custom/components/copy/index.js +9 -0
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js +1 -1
- package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
- package/es-custom/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es-custom/components/date-picker/next/components/date-picker.scss.js.map +1 -1
- package/es-custom/components/dialog/dialog.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts +2 -1
- package/es-custom/components/dropdown/dropdown.d.ts.map +1 -1
- package/es-custom/components/dropdown/dropdown.js +13 -15
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js.map +1 -1
- package/es-custom/components/edit-in-place/defs.d.ts +30 -0
- package/es-custom/components/edit-in-place/defs.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/defs.js +43 -0
- package/es-custom/components/edit-in-place/defs.js.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.d.ts +47 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.js +59 -0
- package/es-custom/components/edit-in-place/edit-in-place-helpers.js.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place.d.ts +214 -0
- package/es-custom/components/edit-in-place/edit-in-place.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place.js +453 -0
- package/es-custom/components/edit-in-place/edit-in-place.js.map +1 -0
- package/es-custom/components/edit-in-place/edit-in-place.scss.js +14 -0
- package/es-custom/components/edit-in-place/edit-in-place.scss.js.map +1 -0
- package/es-custom/components/edit-in-place/index.d.ts +10 -0
- package/es-custom/components/edit-in-place/index.d.ts.map +1 -0
- package/es-custom/components/edit-in-place/index.js +20 -0
- package/es-custom/components/edit-in-place/index.js.map +1 -0
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.d.ts +5 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.js +27 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.js.map +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js.map +1 -1
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
- package/es-custom/components/fluid-form/fluid-form.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
- package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js.map +1 -1
- package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
- package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
- package/es-custom/components/form/form-item.scss.js +1 -1
- package/es-custom/components/form/form.scss.js +1 -1
- package/es-custom/components/form-group/form-group.scss.js +1 -1
- package/es-custom/components/grid/column-hang.scss.js +1 -1
- package/es-custom/components/grid/grid.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.d.ts +1 -1
- package/es-custom/components/icon-button/icon-button.js +1 -1
- package/es-custom/components/icon-button/icon-button.js.map +1 -1
- package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
- package/es-custom/components/layer/layer.scss.js +1 -1
- package/es-custom/components/layout/layout.scss.js +1 -1
- package/es-custom/components/link/link.d.ts +2 -1
- package/es-custom/components/link/link.d.ts.map +1 -1
- package/es-custom/components/link/link.js +1 -1
- package/es-custom/components/link/link.js.map +1 -1
- package/es-custom/components/loading/loading.scss.js +1 -1
- package/es-custom/components/menu/menu-item.d.ts.map +1 -1
- package/es-custom/components/menu/menu-item.js +2 -6
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu-item.scss.js +1 -1
- package/es-custom/components/menu/menu-item.scss.js.map +1 -1
- package/es-custom/components/menu/menu.d.ts +10 -0
- package/es-custom/components/menu/menu.d.ts.map +1 -1
- package/es-custom/components/menu/menu.js +17 -11
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/menu/menu.scss.js +1 -1
- package/es-custom/components/menu/menu.scss.js.map +1 -1
- package/es-custom/components/menu-button/menu-button.scss.js +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select-item.d.ts +1 -1
- package/es-custom/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/es-custom/components/multi-select/multi-select-item.js +5 -1
- package/es-custom/components/multi-select/multi-select-item.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.d.ts +2 -1
- package/es-custom/components/multi-select/multi-select.d.ts.map +1 -1
- package/es-custom/components/multi-select/multi-select.js +15 -14
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js.map +1 -1
- package/es-custom/components/notification/actionable-notification-button.d.ts +1 -1
- package/es-custom/components/notification/actionable-notification-button.d.ts.map +1 -1
- package/es-custom/components/notification/actionable-notification-button.js +2 -2
- package/es-custom/components/notification/actionable-notification-button.js.map +1 -1
- package/es-custom/components/notification/actionable-notification.d.ts.map +1 -1
- package/es-custom/components/notification/actionable-notification.js +4 -4
- package/es-custom/components/notification/actionable-notification.js.map +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js.map +1 -1
- package/es-custom/components/options-tile/index.d.ts +8 -0
- package/es-custom/components/options-tile/index.d.ts.map +1 -0
- package/es-custom/components/options-tile/index.js +8 -0
- package/es-custom/components/options-tile/option-tile-helpers.d.ts +16 -0
- package/es-custom/components/options-tile/option-tile-helpers.d.ts.map +1 -0
- package/es-custom/components/options-tile/option-tile-helpers.js +163 -0
- package/es-custom/components/options-tile/option-tile-helpers.js.map +1 -0
- package/es-custom/components/options-tile/options-tile.d.ts +91 -0
- package/es-custom/components/options-tile/options-tile.d.ts.map +1 -0
- package/es-custom/components/options-tile/options-tile.js +208 -0
- package/es-custom/components/options-tile/options-tile.js.map +1 -0
- package/es-custom/components/options-tile/options-tile.scss.js +14 -0
- package/es-custom/components/options-tile/options-tile.scss.js.map +1 -0
- package/es-custom/components/overflow-menu/overflow-menu.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/page-header/index.d.ts +1 -0
- package/es-custom/components/page-header/index.d.ts.map +1 -1
- package/es-custom/components/page-header/index.js +1 -0
- package/es-custom/components/page-header/page-header-tabs.d.ts +1 -1
- package/es-custom/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header-tabs.js +1 -2
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
- package/es-custom/components/page-header/page-header.d.ts +1 -1
- package/es-custom/components/page-header/page-header.d.ts.map +1 -1
- package/es-custom/components/page-header/page-header.js +1 -2
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/pagination/pagination.scss.js +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/popover/popover.scss.js +1 -1
- package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
- package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/resizer/resizer-handle-pivot.scss.js +1 -1
- package/es-custom/components/search/search.d.ts.map +1 -1
- package/es-custom/components/search/search.js +2 -0
- package/es-custom/components/search/search.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/search/search.scss.js.map +1 -1
- package/es-custom/components/select/select.scss.js +1 -1
- package/es-custom/components/select/select.scss.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.js +2 -2
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/skeleton-icon/skeleton-icon.scss.js +1 -1
- package/es-custom/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
- package/es-custom/components/skeleton-text/skeleton-text.scss.js +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js.map +1 -1
- package/es-custom/components/slug/index.d.ts +1 -0
- package/es-custom/components/slug/index.d.ts.map +1 -1
- package/es-custom/components/slug/index.js +1 -0
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/structured-list/structured-list.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js.map +1 -1
- package/es-custom/components/tag/dismissible-tag.d.ts +1 -1
- package/es-custom/components/tag/dismissible-tag.d.ts.map +1 -1
- package/es-custom/components/tag/dismissible-tag.js +24 -15
- package/es-custom/components/tag/dismissible-tag.js.map +1 -1
- package/es-custom/components/tag/tag.d.ts.map +1 -1
- package/es-custom/components/tag/tag.js +1 -1
- package/es-custom/components/tag/tag.js.map +1 -1
- package/es-custom/components/tag/tag.scss.js +1 -1
- package/es-custom/components/tag/tag.scss.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/text-input/text-input.scss.js.map +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/tile/clickable-tile.d.ts +2 -1
- package/es-custom/components/tile/clickable-tile.d.ts.map +1 -1
- package/es-custom/components/tile/clickable-tile.js +1 -1
- package/es-custom/components/tile/clickable-tile.js.map +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
- package/es-custom/components/user-avatar/index.d.ts +8 -0
- package/es-custom/components/user-avatar/index.d.ts.map +1 -0
- package/es-custom/components/user-avatar/index.js +8 -0
- package/es-custom/components/user-avatar/user-avatar.d.ts +84 -0
- package/es-custom/components/user-avatar/user-avatar.d.ts.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.js +151 -0
- package/es-custom/components/user-avatar/user-avatar.js.map +1 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js +14 -0
- package/es-custom/components/user-avatar/user-avatar.scss.js.map +1 -0
- package/es-custom/globals/controllers/floating-controller.d.ts.map +1 -1
- package/es-custom/globals/controllers/floating-controller.js.map +1 -1
- package/es-custom/globals/decorators/carbon-element.d.ts +8 -0
- package/es-custom/globals/decorators/carbon-element.d.ts.map +1 -1
- package/es-custom/globals/decorators/carbon-element.js +18 -1
- package/es-custom/globals/decorators/carbon-element.js.map +1 -1
- package/es-custom/globals/internal/collection-helpers.d.ts +5 -5
- package/es-custom/globals/internal/collection-helpers.d.ts.map +1 -1
- package/es-custom/globals/internal/collection-helpers.js +1 -1
- package/es-custom/globals/internal/collection-helpers.js.map +1 -1
- package/es-custom/globals/internal/getSupportedLocale.d.ts +12 -0
- package/es-custom/globals/internal/getSupportedLocale.d.ts.map +1 -0
- package/es-custom/globals/internal/getSupportedLocale.js +29 -0
- package/es-custom/globals/internal/getSupportedLocale.js.map +1 -0
- package/es-custom/globals/mixins/on.d.ts +2 -2
- package/es-custom/globals/mixins/on.d.ts.map +1 -1
- package/es-custom/globals/mixins/on.js +4 -4
- package/es-custom/globals/mixins/on.js.map +1 -1
- package/es-custom/globals/register.d.ts +89 -0
- package/es-custom/globals/register.d.ts.map +1 -0
- package/es-custom/globals/register.js +56 -0
- package/es-custom/globals/register.js.map +1 -0
- package/es-custom/globals/settings.d.ts +1 -1
- package/es-custom/globals/settings.d.ts.map +1 -1
- package/es-custom/globals/settings.js +1 -0
- package/es-custom/globals/settings.js.map +1 -1
- package/es-custom/index.d.ts +10 -0
- package/es-custom/index.d.ts.map +1 -1
- package/es-custom/index.js +13 -3
- package/lib/components/ai-label/ai-label-action-button.d.ts +1 -1
- package/lib/components/ai-label/ai-label-action-button.d.ts.map +1 -1
- package/lib/components/ai-label/index.d.ts +1 -0
- package/lib/components/ai-label/index.d.ts.map +1 -1
- package/lib/components/big-number/big-number-skeleton.d.ts +21 -0
- package/lib/components/big-number/big-number-skeleton.d.ts.map +1 -0
- package/lib/components/big-number/big-number.d.ts +35 -0
- package/lib/components/big-number/big-number.d.ts.map +1 -0
- package/lib/components/big-number/constants.d.ts +20 -0
- package/lib/components/big-number/constants.d.ts.map +1 -0
- package/lib/components/big-number/index.d.ts +8 -0
- package/lib/components/big-number/index.d.ts.map +1 -0
- package/lib/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
- package/lib/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/lib/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/card/card-action.d.ts +27 -0
- package/lib/components/card/card-action.d.ts.map +1 -0
- package/lib/components/card/card-actions.d.ts +36 -0
- package/lib/components/card/card-actions.d.ts.map +1 -0
- package/lib/components/card/card-body.d.ts +23 -0
- package/lib/components/card/card-body.d.ts.map +1 -0
- package/lib/components/card/card-context.d.ts +20 -0
- package/lib/components/card/card-context.d.ts.map +1 -0
- package/lib/components/card/card-footer.d.ts +34 -0
- package/lib/components/card/card-footer.d.ts.map +1 -0
- package/lib/components/card/card-header-media.d.ts +19 -0
- package/lib/components/card/card-header-media.d.ts.map +1 -0
- package/lib/components/card/card-header.d.ts +23 -0
- package/lib/components/card/card-header.d.ts.map +1 -0
- package/lib/components/card/card-media.d.ts +37 -0
- package/lib/components/card/card-media.d.ts.map +1 -0
- package/lib/components/card/card-title-media.d.ts +19 -0
- package/lib/components/card/card-title-media.d.ts.map +1 -0
- package/lib/components/card/card-title.d.ts +52 -0
- package/lib/components/card/card-title.d.ts.map +1 -0
- package/lib/components/card/card.d.ts +69 -0
- package/lib/components/card/card.d.ts.map +1 -0
- package/lib/components/card/defs.d.ts +33 -0
- package/lib/components/card/defs.d.ts.map +1 -0
- package/lib/components/card/defs.js +48 -0
- package/lib/components/card/defs.js.map +1 -0
- package/lib/components/card/index.d.ts +17 -0
- package/lib/components/card/index.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts +67 -0
- package/lib/components/coachmark/coachmark-beacon/coachmark-beacon.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/defs.d.ts +13 -0
- package/lib/components/coachmark/coachmark-beacon/defs.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/defs.js +26 -0
- package/lib/components/coachmark/coachmark-beacon/defs.js.map +1 -0
- package/lib/components/coachmark/coachmark-beacon/index.d.ts +8 -0
- package/lib/components/coachmark/coachmark-beacon/index.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-body.d.ts +31 -0
- package/lib/components/coachmark/coachmark-body.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-context.d.ts +12 -0
- package/lib/components/coachmark/coachmark-context.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-header.d.ts +41 -0
- package/lib/components/coachmark/coachmark-header.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-helpers.d.ts +10 -0
- package/lib/components/coachmark/coachmark-helpers.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +72 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-tagline/index.d.ts +8 -0
- package/lib/components/coachmark/coachmark-tagline/index.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark.d.ts +97 -0
- package/lib/components/coachmark/coachmark.d.ts.map +1 -0
- package/lib/components/coachmark/index.d.ts +10 -0
- package/lib/components/coachmark/index.d.ts.map +1 -0
- package/lib/components/combo-box/combo-box.d.ts.map +1 -1
- package/lib/components/copy/index.d.ts +9 -0
- package/lib/components/copy/index.d.ts.map +1 -0
- package/lib/components/dropdown/dropdown.d.ts +2 -1
- package/lib/components/dropdown/dropdown.d.ts.map +1 -1
- package/lib/components/edit-in-place/defs.d.ts +30 -0
- package/lib/components/edit-in-place/defs.d.ts.map +1 -0
- package/lib/components/edit-in-place/defs.js +45 -0
- package/lib/components/edit-in-place/defs.js.map +1 -0
- package/lib/components/edit-in-place/edit-in-place-helpers.d.ts +47 -0
- package/lib/components/edit-in-place/edit-in-place-helpers.d.ts.map +1 -0
- package/lib/components/edit-in-place/edit-in-place.d.ts +214 -0
- package/lib/components/edit-in-place/edit-in-place.d.ts.map +1 -0
- package/lib/components/edit-in-place/index.d.ts +10 -0
- package/lib/components/edit-in-place/index.d.ts.map +1 -0
- package/lib/components/fluid-date-picker/fluid-date-picker.d.ts +5 -1
- package/lib/components/fluid-date-picker/fluid-date-picker.d.ts.map +1 -1
- package/lib/components/icon-button/icon-button.d.ts +1 -1
- package/lib/components/link/link.d.ts +2 -1
- package/lib/components/link/link.d.ts.map +1 -1
- package/lib/components/menu/menu-item.d.ts.map +1 -1
- package/lib/components/menu/menu.d.ts +10 -0
- package/lib/components/menu/menu.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select-item.d.ts +1 -1
- package/lib/components/multi-select/multi-select-item.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select.d.ts +2 -1
- package/lib/components/multi-select/multi-select.d.ts.map +1 -1
- package/lib/components/notification/actionable-notification-button.d.ts +1 -1
- package/lib/components/notification/actionable-notification-button.d.ts.map +1 -1
- package/lib/components/notification/actionable-notification.d.ts.map +1 -1
- package/lib/components/options-tile/index.d.ts +8 -0
- package/lib/components/options-tile/index.d.ts.map +1 -0
- package/lib/components/options-tile/option-tile-helpers.d.ts +16 -0
- package/lib/components/options-tile/option-tile-helpers.d.ts.map +1 -0
- package/lib/components/options-tile/options-tile.d.ts +91 -0
- package/lib/components/options-tile/options-tile.d.ts.map +1 -0
- package/lib/components/page-header/index.d.ts +1 -0
- package/lib/components/page-header/index.d.ts.map +1 -1
- package/lib/components/page-header/page-header-tabs.d.ts +1 -1
- package/lib/components/page-header/page-header-tabs.d.ts.map +1 -1
- package/lib/components/page-header/page-header.d.ts +1 -1
- package/lib/components/page-header/page-header.d.ts.map +1 -1
- package/lib/components/search/search.d.ts.map +1 -1
- package/lib/components/slug/index.d.ts +1 -0
- package/lib/components/slug/index.d.ts.map +1 -1
- package/lib/components/tag/dismissible-tag.d.ts +1 -1
- package/lib/components/tag/dismissible-tag.d.ts.map +1 -1
- package/lib/components/tag/tag.d.ts.map +1 -1
- package/lib/components/tile/clickable-tile.d.ts +2 -1
- package/lib/components/tile/clickable-tile.d.ts.map +1 -1
- package/lib/components/user-avatar/index.d.ts +8 -0
- package/lib/components/user-avatar/index.d.ts.map +1 -0
- package/lib/components/user-avatar/user-avatar.d.ts +84 -0
- package/lib/components/user-avatar/user-avatar.d.ts.map +1 -0
- package/lib/globals/controllers/floating-controller.d.ts.map +1 -1
- package/lib/globals/controllers/floating-controller.js.map +1 -1
- package/lib/globals/decorators/carbon-element.d.ts +8 -0
- package/lib/globals/decorators/carbon-element.d.ts.map +1 -1
- package/lib/globals/internal/collection-helpers.d.ts +5 -5
- package/lib/globals/internal/collection-helpers.d.ts.map +1 -1
- package/lib/globals/internal/getSupportedLocale.d.ts +12 -0
- package/lib/globals/internal/getSupportedLocale.d.ts.map +1 -0
- package/lib/globals/mixins/on.d.ts +2 -2
- package/lib/globals/mixins/on.d.ts.map +1 -1
- package/lib/globals/register.d.ts +89 -0
- package/lib/globals/register.d.ts.map +1 -0
- package/lib/globals/register.js +61 -0
- package/lib/globals/register.js.map +1 -0
- package/lib/globals/settings.d.ts +1 -1
- package/lib/globals/settings.d.ts.map +1 -1
- package/lib/globals/settings.js +1 -0
- package/lib/globals/settings.js.map +1 -1
- package/lib/index.d.ts +10 -0
- package/lib/index.d.ts.map +1 -1
- package/package.json +16 -10
- package/scss/components/ai-label/ai-label.scss +24 -33
- package/scss/components/big-number/big-number-skeleton.scss +58 -0
- package/scss/components/big-number/big-number.scss +29 -0
- package/scss/components/big-number/story-styles.scss +48 -0
- package/scss/components/card/card-story.scss +29 -0
- package/scss/components/card/card.scss +212 -0
- package/scss/components/coachmark/coachmark-beacon/coachmark-beacon.scss +89 -0
- package/scss/components/coachmark/coachmark-body.scss +16 -0
- package/scss/components/coachmark/coachmark-header.scss +28 -0
- package/scss/components/coachmark/coachmark-tagline/coachmark-tagline.scss +42 -0
- package/scss/components/coachmark/coachmark.scss +42 -0
- package/scss/components/coachmark/story-styles.scss +37 -0
- package/scss/components/combo-box/combo-box.scss +63 -6
- package/scss/components/data-table/_table-action.scss +5 -3
- package/scss/components/date-picker/date-picker.scss +70 -2
- package/scss/components/date-picker/next/components/date-picker.scss +28 -2
- package/scss/components/dropdown/dropdown.scss +39 -4
- package/scss/components/edit-in-place/edit-in-place.scss +127 -0
- package/scss/components/edit-in-place/story-styles.scss +61 -0
- package/scss/components/fluid-combo-box/fluid-combo-box.scss +68 -5
- package/scss/components/fluid-date-picker/fluid-date-picker.scss +109 -12
- package/scss/components/fluid-dropdown/fluid-dropdown.scss +56 -6
- package/scss/components/fluid-multi-select/fluid-multi-select.scss +75 -2
- package/scss/components/fluid-number-input/fluid-number-input.scss +32 -1
- package/scss/components/fluid-search/fluid-search.scss +6 -3
- package/scss/components/menu/menu-item.scss +9 -1
- package/scss/components/menu/menu.scss +32 -1
- package/scss/components/multi-select/multi-select.scss +130 -28
- package/scss/components/number-input/number-input.scss +35 -1
- package/scss/components/options-tile/options-tile.scss +157 -0
- package/scss/components/options-tile/story-styles.scss +32 -0
- package/scss/components/search/search.scss +7 -0
- package/scss/components/select/select.scss +7 -3
- package/scss/components/slider/slider.scss +9 -2
- package/scss/components/tabs/tabs.scss +9 -2
- package/scss/components/tag/tag-story.scss +19 -0
- package/scss/components/tag/tag.scss +15 -11
- package/scss/components/text-input/text-input.scss +22 -0
- package/scss/components/user-avatar/story-styles.scss +53 -0
- package/scss/components/user-avatar/user-avatar.scss +113 -0
- package/telemetry.yml +67 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-combo-box.scss.js","names":[],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n$css--plex: true !default;\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/components/fluid-combo-box/index';\n@use '@carbon/styles/scss/components/combo-box' as *;\n@use '@carbon/styles/scss/components/list-box' as *;\n@use '@carbon/styles/scss/utilities/layout' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/utilities/skeleton' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as *;\n\n:host(#{$prefix}-fluid-combo-box) {\n @extend .#{$prefix}--list-box__wrapper;\n @extend .#{$prefix}--list-box__wrapper--fluid;\n\n @include emit-layout-tokens();\n\n outline: none;\n\n .#{$prefix}--list-box {\n box-sizing: border-box;\n }\n\n .#{$prefix}--list-box--expanded {\n
|
|
1
|
+
{"version":3,"file":"fluid-combo-box.scss.js","names":[],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n$css--plex: true !default;\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/components/fluid-combo-box/index';\n@use '@carbon/styles/scss/components/combo-box' as *;\n@use '@carbon/styles/scss/components/list-box' as *;\n@use '@carbon/styles/scss/utilities/layout' as *;\n@use '@carbon/styles/scss/feature-flags' as flags;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/border-radius' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/utilities/skeleton' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as *;\n\n:host(#{$prefix}-fluid-combo-box) {\n @extend .#{$prefix}--list-box__wrapper;\n @extend .#{$prefix}--list-box__wrapper--fluid;\n\n @include emit-layout-tokens();\n\n outline: none;\n\n @if enabled('enable-v12-release') {\n border-radius: $border-radius-04;\n }\n\n .#{$prefix}--list-box {\n box-sizing: border-box;\n }\n\n @if not flags.enabled('enable-v12-release') {\n .#{$prefix}--list-box--expanded {\n border-block-end-color: $border-subtle;\n }\n }\n\n .#{$prefix}--assistive-text {\n inset-block-start: -100%;\n inset-inline-start: -100%;\n }\n\n .#{$prefix}--label[hidden] {\n display: none;\n }\n\n .#{$prefix}--list-box__menu {\n outline: none;\n @if not flags.enabled('enable-v12-release') {\n inset-block-start: 100%;\n margin-block-start: 1px;\n }\n }\n\n .#{$prefix}--list-box--disabled {\n border-block-end-color: transparent;\n pointer-events: none;\n }\n\n .#{$prefix}--list-box__menu-item__selected-icon {\n inset-block-start: to-rem(20px);\n }\n\n .#{$prefix}--list-box__divider {\n display: block;\n border: none;\n margin: 0 1rem;\n border-block-end: 1px solid $border-subtle;\n }\n}\n\n:host(#{$prefix}-fluid-combo-box:not([is-condensed])) {\n ::slotted(#{$prefix}-combo-box-item) {\n block-size: $spacing-10;\n }\n}\n\n:host(#{$prefix}-fluid-combo-box[invalid]) {\n @extend .#{$prefix}--list-box__wrapper--fluid--invalid;\n @include focus-outline('invalid');\n\n @if not flags.enabled('enable-v12-release') {\n outline-offset: 0;\n }\n}\n\n@if flags.enabled('enable-v12-release') {\n :host(#{$prefix}-fluid-combo-box) {\n .#{$prefix}--text-input:focus {\n outline-offset: -1px;\n }\n }\n}\n\n// Direction top\n:host(#{$prefix}-fluid-combo-box[direction='top']) {\n @extend .#{$prefix}--list-box--up;\n\n .#{$prefix}--list-box__menu {\n inset-block-start: auto;\n }\n}\n\n// AI Label styles\n:host(#{$prefix}-fluid-combo-box[ai-label]) {\n @extend .#{$prefix}--list-box__wrapper--slug;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 73%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-73%);\n }\n\n .#{$prefix}--list-box__wrapper--decorator {\n @include ai-gradient;\n }\n}\n\n// AI label dividers - always present\n:host(#{$prefix}-fluid-combo-box[ai-label]) ::slotted(#{$prefix}-ai-label) {\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - to-rem(1px));\n }\n}\n\n:host(#{$prefix}-fluid-combo-box[ai-label][read-only]),\n:host(#{$prefix}-fluid-combo-box[ai-label][disabled]) {\n .#{$prefix}--list-box {\n border-block-end-color: $ai-border-strong;\n }\n\n .#{$prefix}--list-box__field {\n border-block-end: 1px solid $ai-border-strong;\n }\n\n ::slotted(#{$prefix}-ai-label)::before {\n display: none;\n }\n}\n\n// Preserve AI gradient in invalid/warn states\n:host(\n #{$prefix}-fluid-combo-box[ai-label][invalid]:not([disabled]):not(\n [read-only]\n )\n ),\n:host(\n #{$prefix}-fluid-combo-box[ai-label][warn]:not([disabled]):not([read-only])\n ) {\n .#{$prefix}--list-box__wrapper--decorator {\n @include ai-gradient;\n }\n}\n\n// AI label - adjust position when clear button is visible\n:host(#{$prefix}-fluid-combo-box[ai-label][isClosable]) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n inset-inline-end: calc($spacing-10 + 18px);\n }\n}\n\n// Condensed styles\n:host(#{$prefix}-fluid-combo-box[is-condensed]) {\n @extend .#{$prefix}--list-box__wrapper--fluid--condensed;\n\n .#{$prefix}--list-box__menu-item__selected-icon {\n inset-block-start: auto;\n }\n\n ::slotted(#{$prefix}-combo-box-item) {\n block-size: auto;\n }\n}\n\n// Disabled state\n:host(#{$prefix}-fluid-combo-box[disabled]) {\n .#{$prefix}--list-box {\n cursor: not-allowed;\n }\n\n .#{$prefix}--list-box__menu-icon svg {\n fill: $icon-disabled;\n }\n\n .#{$prefix}--list-box__field,\n .#{$prefix}--list-box__selection {\n pointer-events: none;\n }\n\n .#{$prefix}--list-box__field:focus,\n .#{$prefix}--list-box__selection:focus {\n outline: none;\n }\n\n .#{$prefix}--label {\n color: $text-disabled;\n cursor: not-allowed;\n }\n}\n\n:host(#{$prefix}-fluid-combo-box[read-only]) {\n @extend .#{$prefix}--dropdown--readonly;\n\n .#{$prefix}--text-input {\n border-block-end-color: $border-subtle;\n }\n\n .#{$prefix}--list-box__field,\n .#{$prefix}--list-box__selection {\n pointer-events: none;\n }\n\n @if flags.enabled('enable-v12-release') {\n border-radius: $border-radius-00;\n\n .#{$prefix}--list-box {\n border-radius: $border-radius-00;\n background: $field;\n border-block-end-color: $border-subtle;\n }\n\n .#{$prefix}--text-input {\n border-radius: $border-radius-00;\n }\n }\n}\n\n:host(#{$prefix}-fluid-combo-box[invalid]:not([disabled]):not([read-only])),\n:host(#{$prefix}-fluid-combo-box[warn]:not([disabled]):not([read-only])) {\n .#{$prefix}--form__helper-text {\n padding: to-rem(8px) 4rem to-rem(8px) $spacing-05;\n inline-size: auto;\n margin-block-start: 0;\n }\n\n .#{$prefix}--list-box {\n border-block-end: 1px solid transparent;\n\n @if flags.enabled('enable-v12-release') {\n background: none;\n }\n }\n\n .#{$prefix}--list-box.#{$prefix}--list-box--warning\n .#{$prefix}--list-box__invalid-icon,\n .#{$prefix}--list-box__invalid-icon--warning {\n inset-block-start: to-rem(81px);\n inset-inline-end: $spacing-05;\n pointer-events: none;\n }\n}\n@if flags.enabled('enable-v12-release') {\n :host(#{$prefix}-fluid-combo-box[warn]:not([disabled]):not([read-only])) {\n border: 1px solid transparent;\n border-radius: $border-radius-04;\n background:\n linear-gradient($field, $field) padding-box,\n linear-gradient(\n to bottom,\n $border-subtle calc(100% - 4px),\n $border-strong 100%\n )\n border-box;\n\n // 2px to offset the wrapper's border, keeping the field 64px.\n .#{$prefix}--list-box {\n border: none;\n min-block-size: to-rem(62px);\n }\n .#{$prefix}--label {\n inline-size: calc(100% - 2rem + 2px);\n inset-block-start: to-rem(12px);\n inset-inline-start: calc(#{$spacing-05} - 1px);\n }\n }\n}\n\n:host(#{$prefix}-fluid-combo-box[warn]:not([disabled]):not([read-only])) {\n .#{$prefix}--form__helper-text {\n color: $text-primary;\n }\n}\n\n:host(#{$prefix}-fluid-combo-box[invalid]:not([disabled]):not([read-only])) {\n .#{$prefix}--form__helper-text {\n color: $text-error;\n }\n}\n\n// Skeleton\n:host(#{$prefix}-fluid-combo-box-skeleton) {\n @extend .#{$prefix}--list-box__wrapper--fluid;\n\n display: block;\n}\n"],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2025
|
|
2
|
+
* Copyright IBM Corp. 2025, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -14,6 +14,10 @@ import CDSDatePicker from '../date-picker/date-picker';
|
|
|
14
14
|
* The name of the custom event when Flatpickr throws an error.
|
|
15
15
|
*/
|
|
16
16
|
declare class CDSFluidDatePicker extends CDSDatePicker {
|
|
17
|
+
private _observer;
|
|
18
|
+
private _syncInputState;
|
|
19
|
+
connectedCallback(): void;
|
|
20
|
+
disconnectedCallback(): void;
|
|
17
21
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
22
|
static get selectorInputFrom(): string;
|
|
19
23
|
static get selectorInputTo(): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/fluid-date-picker/fluid-date-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,aAAa,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"fluid-date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/fluid-date-picker/fluid-date-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAIvD;;;;;;;GAOG;AACH,cACM,kBAAmB,SAAQ,aAAa;IAC5C,OAAO,CAAC,SAAS,CAAsD;IAEvE,OAAO,CAAC,eAAe;IAevB,iBAAiB;IAcjB,oBAAoB;IAKpB,MAAM;IAIN,MAAM,KAAK,iBAAiB,WAE3B;IAED,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,QAAkC;CAChD;AAED,eAAe,kBAAkB,CAAC"}
|
|
@@ -8,12 +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.139.0/helpers/esm/decorate.js";
|
|
11
|
+
import { isFeatureFlagEnabled } from "../feature-flags/index.js";
|
|
11
12
|
import date_picker_default from "../date-picker/date-picker.js";
|
|
12
13
|
import fluid_date_picker_default$1 from "./fluid-date-picker.scss.js";
|
|
13
14
|
import { html } from "lit";
|
|
14
15
|
//#region src/components/fluid-date-picker/fluid-date-picker.ts
|
|
15
16
|
/**
|
|
16
|
-
* Copyright IBM Corp. 2025
|
|
17
|
+
* Copyright IBM Corp. 2025, 2026
|
|
17
18
|
*
|
|
18
19
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
19
20
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -27,6 +28,31 @@ import { html } from "lit";
|
|
|
27
28
|
* The name of the custom event when Flatpickr throws an error.
|
|
28
29
|
*/
|
|
29
30
|
let CDSFluidDatePicker = class CDSFluidDatePicker extends date_picker_default {
|
|
31
|
+
constructor(..._args) {
|
|
32
|
+
super(..._args);
|
|
33
|
+
this._observer = new MutationObserver(() => this._syncInputState());
|
|
34
|
+
}
|
|
35
|
+
_syncInputState() {
|
|
36
|
+
const input = this.querySelector(`cds-custom-fluid-date-picker-input[kind="simple"]`);
|
|
37
|
+
this.toggleAttribute("data-input-disabled", input?.hasAttribute("disabled") ?? false);
|
|
38
|
+
this.toggleAttribute("data-input-readonly", input?.hasAttribute("readonly") ?? false);
|
|
39
|
+
}
|
|
40
|
+
connectedCallback() {
|
|
41
|
+
super.connectedCallback();
|
|
42
|
+
if (isFeatureFlagEnabled("enable-v12-release", this)) {
|
|
43
|
+
this._syncInputState();
|
|
44
|
+
this._observer.observe(this, {
|
|
45
|
+
attributes: true,
|
|
46
|
+
childList: true,
|
|
47
|
+
subtree: true,
|
|
48
|
+
attributeFilter: ["disabled", "readonly"]
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
disconnectedCallback() {
|
|
53
|
+
this._observer.disconnect();
|
|
54
|
+
super.disconnectedCallback();
|
|
55
|
+
}
|
|
30
56
|
render() {
|
|
31
57
|
return html`${super.render()}`;
|
|
32
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-date-picker.js","names":["CDSDatePicker","styles","customElement"],"sources":["../../../src/components/fluid-date-picker/fluid-date-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSDatePicker from '../date-picker/date-picker';\nimport styles from './fluid-date-picker.scss?lit';\n\n/**\n * Fluid date picker.\n *\n * @element cds-custom-fluid-date-picker\n * @fires cds-custom-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n * @fires cds-custom-date-picker-flatpickr-error\n * The name of the custom event when Flatpickr throws an error.\n */\n@customElement(`${prefix}-fluid-date-picker`)\nclass CDSFluidDatePicker extends CDSDatePicker {\n render() {\n return html`${super.render()}`;\n }\n\n static get selectorInputFrom() {\n return `${prefix}-fluid-date-picker-input,${prefix}-fluid-date-picker-input[kind=\"from\"]`;\n }\n\n static get selectorInputTo() {\n return `${prefix}-fluid-date-picker-input[kind=\"to\"]`;\n }\n\n static get selectorInputSingle() {\n return `${prefix}-fluid-date-picker-input[kind=\"single\"]`;\n }\n\n static styles = [CDSDatePicker.styles, styles];\n}\n\nexport default CDSFluidDatePicker;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"fluid-date-picker.js","names":["CDSDatePicker","styles","customElement"],"sources":["../../../src/components/fluid-date-picker/fluid-date-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSDatePicker from '../date-picker/date-picker';\nimport styles from './fluid-date-picker.scss?lit';\nimport { isFeatureFlagEnabled } from '../feature-flags';\n\n/**\n * Fluid date picker.\n *\n * @element cds-custom-fluid-date-picker\n * @fires cds-custom-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n * @fires cds-custom-date-picker-flatpickr-error\n * The name of the custom event when Flatpickr throws an error.\n */\n@customElement(`${prefix}-fluid-date-picker`)\nclass CDSFluidDatePicker extends CDSDatePicker {\n private _observer = new MutationObserver(() => this._syncInputState());\n\n private _syncInputState() {\n const input = this.querySelector(\n `${prefix}-fluid-date-picker-input[kind=\"simple\"]`\n );\n\n this.toggleAttribute(\n 'data-input-disabled',\n input?.hasAttribute('disabled') ?? false\n );\n this.toggleAttribute(\n 'data-input-readonly',\n input?.hasAttribute('readonly') ?? false\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (isFeatureFlagEnabled('enable-v12-release', this)) {\n this._syncInputState();\n this._observer.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n attributeFilter: ['disabled', 'readonly'],\n });\n }\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n super.disconnectedCallback();\n }\n\n render() {\n return html`${super.render()}`;\n }\n\n static get selectorInputFrom() {\n return `${prefix}-fluid-date-picker-input,${prefix}-fluid-date-picker-input[kind=\"from\"]`;\n }\n\n static get selectorInputTo() {\n return `${prefix}-fluid-date-picker-input[kind=\"to\"]`;\n }\n\n static get selectorInputSingle() {\n return `${prefix}-fluid-date-picker-input[kind=\"single\"]`;\n }\n\n static styles = [CDSDatePicker.styles, styles];\n}\n\nexport default CDSFluidDatePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,qBAAA,MACM,2BAA2BA,oBAAc;;;mBACzB,IAAI,uBAAuB,KAAK,gBAAgB,CAAC;;CAErE,kBAA0B;EACxB,MAAM,QAAQ,KAAK,cACjB,4CACF;EAEA,KAAK,gBACH,uBACA,OAAO,aAAa,UAAU,KAAK,KACrC;EACA,KAAK,gBACH,uBACA,OAAO,aAAa,UAAU,KAAK,KACrC;CACF;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EAExB,IAAI,qBAAqB,sBAAsB,IAAI,GAAG;GACpD,KAAK,gBAAgB;GACrB,KAAK,UAAU,QAAQ,MAAM;IAC3B,YAAY;IACZ,WAAW;IACX,SAAS;IACT,iBAAiB,CAAC,YAAY,UAAU;GAC1C,CAAC;EACH;CACF;CAEA,uBAAuB;EACrB,KAAK,UAAU,WAAW;EAC1B,MAAM,qBAAqB;CAC7B;CAEA,SAAS;EACP,OAAO,IAAI,GAAG,MAAM,OAAO;CAC7B;CAEA,WAAW,oBAAoB;EAC7B,OAAO;CACT;CAEA,WAAW,kBAAkB;EAC3B,OAAO;CACT;CAEA,WAAW,sBAAsB;EAC/B,OAAO;CACT;;gBAEgB,CAACA,oBAAc,QAAQC,2BAAM;;AAC/C;iCAvDCC,cAAc,uBAA6B,CAAA,GAAA,kBAAA;AAyD5C,IAAA,4BAAe"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/fluid-date-picker/fluid-date-picker.scss?lit
|
|
10
|
-
var fluid_date_picker_default = css([".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--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--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--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--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--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-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-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-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-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-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-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--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-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-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}@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}}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@position-try --bottom-left{inset-area:block-end span-inline-start;margin-block-start:.25rem}@position-try --top-left{inset-area:block-start span-inline-start;margin-block-end:.25rem}@position-try --bottom-right{inset-area:block-end span-inline-end;margin-block-start:.25rem}@position-try --top-right{inset-area:block-start span-inline-end;margin-block-end:.25rem}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}@media (any-hover:hover){.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}@media (any-hover:hover){.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}}.numInputWrapper{position:relative;inline-size:3.75rem}@media (any-hover:hover){.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}@media (any-hover:hover){.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}@media (any-hover:hover){.flatpickr-day:hover{background:var(--cds-layer-hover)}}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}@media (any-hover:hover){.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}}@media screen and (any-hover:hover) and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}@media (any-hover:hover){.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds-custom--date-picker{display:flex}.cds-custom--date-picker--light .cds-custom--date-picker__input{background:var(--cds-field-02,#fff)}.cds-custom--date-picker~.cds-custom--label{order:1}.cds-custom--date-picker-container{position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds-custom--date-picker-container .cds-custom--label{display:flex}.cds-custom--date-picker-input__wrapper{display:flex;align-items:center}.cds-custom--date-picker-input__wrapper>span{position:relative}.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker__input,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--label{inline-size:7.5rem}.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--invalid .cds-custom--date-picker__input,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--warn .cds-custom--date-picker__input,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement{inline-size:9.5rem}.cds-custom--date-picker.cds-custom--date-picker--simple.cds-custom--date-picker--short .cds-custom--date-picker__input{inline-size:5.7rem}.cds-custom--date-picker.cds-custom--date-picker--single .cds-custom--date-picker__input{inline-size:18rem}.cds-custom--date-picker .cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement{color:var(--cds-text-primary,#161616)}.cds-custom--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--date-picker__input *,.cds-custom--date-picker__input :after,.cds-custom--date-picker__input :before{box-sizing:inherit}.cds-custom--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--date-picker__input.cds-custom--focused,.cds-custom--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--date-picker__input.cds-custom--focused,.cds-custom--date-picker__input:focus{outline-style:dotted}}.cds-custom--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.cds-custom--date-picker__input:disabled:hover{border-block-end:1px solid transparent}}.cds-custom--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds-custom--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds-custom--date-picker__input--lg{block-size:3rem}.cds-custom--date-picker__input--sm{block-size:2rem}.cds-custom--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds-custom--date-picker__icon--invalid,.cds-custom--date-picker__icon--warn{cursor:auto}.cds-custom--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds-custom--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds-custom--date-picker__icon~.cds-custom--date-picker__input{padding-inline-end:3rem}.cds-custom--date-picker__input:disabled~.cds-custom--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child{margin-inline-end:.0625rem}.cds-custom--date-picker--range .cds-custom--date-picker-container,.cds-custom--date-picker--range .cds-custom--date-picker__input{inline-size:8.96875rem}.cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator>*,.cds-custom--date-picker-input__wrapper--slug .cds-custom--ai-label,.cds-custom--date-picker-input__wrapper--slug .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input:has(~.cds-custom--date-picker-input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--date-picker-input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:4rem}.cds-custom--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds-custom--date-picker__input[readonly]+.cds-custom--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--date-picker.cds-custom--skeleton input,.cds-custom--date-picker__input.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--date-picker.cds-custom--skeleton input:active,.cds-custom--date-picker.cds-custom--skeleton input:focus,.cds-custom--date-picker.cds-custom--skeleton input:hover,.cds-custom--date-picker__input.cds-custom--skeleton:active,.cds-custom--date-picker__input.cds-custom--skeleton:focus,.cds-custom--date-picker__input.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker.cds-custom--skeleton input:before,.cds-custom--date-picker__input.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker.cds-custom--skeleton input:before,.cds-custom--date-picker__input.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker.cds-custom--skeleton input,.cds-custom--date-picker__input.cds-custom--skeleton{background:CanvasText}.cds-custom--date-picker.cds-custom--skeleton input:before,.cds-custom--date-picker__input.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker.cds-custom--skeleton input,.cds-custom--date-picker__input.cds-custom--skeleton{inline-size:100%}.cds-custom--date-picker.cds-custom--skeleton input::-moz-placeholder,.cds-custom--date-picker__input.cds-custom--skeleton::-moz-placeholder{color:transparent}.cds-custom--date-picker.cds-custom--skeleton input::placeholder,.cds-custom--date-picker__input.cds-custom--skeleton::placeholder{color:transparent}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:active,.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:focus,.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label{background:CanvasText}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label{block-size:.875rem;inline-size:4.6875rem}.cds-custom--date-picker--next{position:relative}.cds-custom--date-picker--next .cds-custom--date-picker-input__wrapper{position:relative;anchor-name:--date-picker-input}.cds-custom--date-picker--next .cds-custom--date-picker__icon{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--cds-icon-primary,#161616);cursor:pointer;inset-block-start:50%;inset-inline-end:1rem;pointer-events:auto;transform:translateY(-50%)}.cds-custom--date-picker--next .cds-custom--date-picker__icon:focus{border:none;background:transparent;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__icon:active,.cds-custom--date-picker--next .cds-custom--date-picker__icon:hover{border:none;background:transparent}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{position:absolute;z-index:9000;padding:0;border:none;margin:0;background:transparent}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover:focus{outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{inset-area:block-end span-inline-start;margin-block-start:.25rem;position-anchor:--date-picker-input}@supports not (inset-area:block-end){.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{position:absolute;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);margin-block-start:.25rem}}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{position-try-options:--bottom-left,--top-left,--bottom-right,--top-right}.cds-custom--date-picker--next .cds-custom--date-picker__calendar.open{margin-block-start:0}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-container{position:absolute;z-index:9000;display:block;inset-block-start:100%;inset-inline-start:0;margin-block-start:0}.cds-custom--date-picker--next .cds-custom--date-picker-container{outline:none}.cds-custom--date-picker--next .cds-custom--date-picker-container .cds-custom--form-requirement[hidden]{display:none}.cds-custom--date-picker--next .cds-custom--date-picker-container--warn:not(.cds-custom--date-picker-container--invalid) .cds-custom--form-requirement{color:var(--cds-text-primary,#161616)}.cds-custom--date-picker--next .cds-custom--date-picker-container--simple .cds-custom--date-picker__input{inline-size:7.5rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--simple .cds-custom--date-picker__input--invalid,.cds-custom--date-picker--next .cds-custom--date-picker-container--simple .cds-custom--date-picker__input--warn{inline-size:9.5rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--short.cds-custom--date-picker-container--simple .cds-custom--date-picker__input{inline-size:5.625rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--single{max-inline-size:18rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--single .cds-custom--date-picker__input{inline-size:18rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--from{margin-inline-end:.0625rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--from,.cds-custom--date-picker--next .cds-custom--date-picker-container--from .cds-custom--date-picker__input,.cds-custom--date-picker--next .cds-custom--date-picker-container--to,.cds-custom--date-picker--next .cds-custom--date-picker-container--to .cds-custom--date-picker__input{inline-size:8.96875rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--ai-label .cds-custom--date-picker__input--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton{display:inline-block}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:active,.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:focus,.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label{background:CanvasText}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label{block-size:.875rem;inline-size:4.6875rem}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--date-picker-input-skeleton-container{display:inline-block}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton--range .cds-custom--date-picker-input-skeleton-container,.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton--range .cds-custom--date-picker-input-skeleton-container .cds-custom--date-picker__input{inline-size:8.96875rem}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton{padding:0;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:active,.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:focus,.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton{background:CanvasText}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton{position:relative;overflow:hidden;border:none;block-size:2.5rem;cursor:default;inline-size:100%;pointer-events:none}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__icon.cds-custom--skeleton{display:none}.cds-custom--date-picker--next .cds-custom--date-picker__calendar{display:block;padding:.5rem;border:none;background-color:var(--cds-layer);box-shadow:0 2px 6px 0 rgba(0,0,0,.2);inline-size:18rem;max-inline-size:18rem;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__calendar:focus{outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__month{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;cursor:pointer;inline-size:2.5rem}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav:hover{background-color:var(--cds-layer-hover)}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--date-picker--next .cds-custom--date-picker__current-month{flex:1;color:var(--cds-text-primary,#161616);font-size:.875rem;font-weight:600;text-align:center}.cds-custom--date-picker--next .cds-custom--date-picker__weekdays{display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-block-end:.25rem}.cds-custom--date-picker--next .cds-custom--date-picker__weekday{display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);font-size:.75rem;font-weight:600}.cds-custom--date-picker--next .cds-custom--date-picker__days{display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.cds-custom--date-picker--next .cds-custom--date-picker__day{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;font-size:.875rem}.cds-custom--date-picker--next .cds-custom--date-picker__day:hover:not(:disabled,.selected){background-color:var(--cds-layer-hover)}.cds-custom--date-picker--next .cds-custom--date-picker__day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--date-picker--next .cds-custom--date-picker__day.selected{background-color:var(--cds-interactive,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds-custom--date-picker--next .cds-custom--date-picker__day.today:not(.selected){position:relative;color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--date-picker--next .cds-custom--date-picker__day.today:not(.selected):after{position:absolute;border-radius:50%;background-color:var(--cds-interactive,#0f62fe);block-size:4px;content:\"\";inline-size:4px;inset-block-end:4px;inset-inline-start:50%;transform:translateX(-50%)}.cds-custom--date-picker--next .cds-custom--date-picker__day.inRange:not(.selected){background-color:var(--cds-highlight,#d0e2ff)}.cds-custom--date-picker--next .cds-custom--date-picker__day.nextMonthDay:not(.selected),.cds-custom--date-picker--next .cds-custom--date-picker__day.prevMonthDay:not(.selected){color:var(--cds-text-secondary,#525252)}.cds-custom--date-picker--next .cds-custom--date-picker__day.disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;opacity:.5}.cds-custom--date-picker--next .cds-custom--date-picker__day.focused:not(.selected){background-color:var(--cds-layer-hover);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--date-picker--fluid,:host(cds-custom-fluid-date-picker){display:inline-flex;background:var(--cds-field)}.cds-custom--date-picker--fluid .cds-custom--date-picker,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker{position:relative;block-size:100%;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--date-picker--fluid .cds-custom--label,:host(cds-custom-fluid-date-picker) .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds-custom--date-picker--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--date-picker--fluid .cds-custom--label::-webkit-scrollbar,:host(cds-custom-fluid-date-picker) .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,:host(cds-custom-fluid-date-picker) .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--date-picker--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--date-picker--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)),:host(cds-custom-fluid-date-picker) .cds-custom--label .cds-custom--toggletip-label,:host(cds-custom-fluid-date-picker) .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper>span,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper>span{inline-size:100%}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper .cds-custom--date-picker__input{padding:2rem 1rem .8125rem;background:transparent;border-block-end:none;min-block-size:4rem;min-inline-size:9rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker__icon{display:none}.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid):not(.cds-custom--date-picker__input--warn),.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid):not(.cds-custom--date-picker__input--warn),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid .cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__icon{inset-block-start:2.6875rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--single .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single .cds-custom--date-picker__input{inline-size:100%}.cds-custom--date-picker--fluid .cds-custom--date-picker--single,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single{border-block-end:none}.cds-custom--date-picker--fluid .cds-custom--date-picker--single .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),.cds-custom--date-picker--single .cds-custom--date-picker--fluid--warn,.cds-custom--date-picker--single :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),.cds-custom--date-picker--single :host(cds-custom-fluid-date-picker[warn]:not([invalid])),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker--range .cds-custom--date-picker-container:not(.cds-custom--date-picker--fluid--invalid),:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker-container:not(.cds-custom--date-picker--fluid--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker-container,.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker-container,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker__input{inline-size:100%;min-block-size:3.9375rem;min-inline-size:9rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child{margin-inline-end:0}.cds-custom--date-picker--fluid .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input{border-inline-start:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]){outline-style:dotted}}.cds-custom--date-picker--fluid .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid{outline:none}.cds-custom--date-picker--fluid .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid+.cds-custom--date-picker-container .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker-container:last-child.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid+.cds-custom--date-picker-container .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-container:last-child.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid{border-inline-start:none}.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--form-requirement,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--warn .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--date-picker--fluid .cds-custom--date-picker--single .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range .cds-custom--date-picker-container,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range .cds-custom--date-picker-container,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range .cds-custom--date-picker-container{border-block-end:1px solid transparent}.cds-custom--date-picker--fluid .cds-custom--date-picker--fluid--warn+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid :host(cds-custom-fluid-date-picker-input[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid :host(cds-custom-fluid-date-picker[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--fluid--warn+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) :host(cds-custom-fluid-date-picker-input[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) :host(cds-custom-fluid-date-picker[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input{border-inline-start:1px solid transparent}.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:first-child:after,.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after{position:absolute;display:block;background:var(--cds-border-strong);block-size:calc(100% - 1rem);content:\"\";inline-size:1px;inset-block-start:.5rem;inset-inline-end:0}.cds-custom--date-picker--fluid .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after{inset-inline-start:0}.cds-custom--date-picker--fluid .cds-custom--date-picker__divider,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--warn .cds-custom--date-picker__icon--warn{inset-block-start:5rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__icon--warn,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon--warn,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__icon--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__icon--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__icon--warn{display:block}.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input:focus{outline-style:dotted}}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range~.cds-custom--form-requirement,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range~.cds-custom--form-requirement{display:block;overflow:visible;padding:.5rem 2.5rem .5rem 1rem;margin-block-start:0;max-block-size:100%}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])){position:relative}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range+.cds-custom--date-picker__icon,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range+.cds-custom--date-picker__icon{inset-block-start:5rem}.cds-custom--date-picker--fluid__skeleton,:host(cds-custom-fluid-date-picker-skeleton){background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--date-picker--fluid__skeleton--container{position:relative;block-size:100%;inline-size:100%}.cds-custom--date-picker--fluid__skeleton .cds-custom--skeleton,:host(cds-custom-fluid-date-picker-skeleton) .cds-custom--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds-custom--date-picker--fluid__skeleton .cds-custom--label,:host(cds-custom-fluid-date-picker-skeleton) .cds-custom--label{margin-block-end:.25rem}.cds-custom--date-picker--fluid__skeleton .cds-custom--text-input,:host(cds-custom-fluid-date-picker-skeleton) .cds-custom--text-input{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.cds-custom--date-picker--fluid__skeleton--container .cds-custom--date-picker__icon{inset-block:auto .5rem}.cds-custom--date-picker--fluid__skeleton--range{display:flex;flex-direction:row}.cds-custom--date-picker--fluid__skeleton--range .cds-custom--date-picker--fluid__skeleton--container{display:flex;flex-direction:column;inline-size:50%}.cds-custom--date-picker--fluid__skeleton--range .cds-custom--date-picker--fluid__skeleton--container:first-of-type{border-inline-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--date-picker--fluid__skeleton--range .cds-custom--date-picker--fluid__skeleton--container .cds-custom--date-picker__icon{inset-block-end:.5rem}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--readonly:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--readonly:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker>.cds-custom--date-picker-container,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker>.cds-custom--date-picker-container,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[readonly]) .cds-custom--date-picker .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[readonly]) .cds-custom--date-picker>.cds-custom--date-picker-container{border-block-end-color:var(--cds-border-subtle)}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--readonly:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[readonly]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input{border-inline-start-color:var(--cds-border-subtle)}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator>*,.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--ai-label,.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--slug,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator>*,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--ai-label,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--slug{inset-block-start:2.6875rem}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--slug):not(:has(.cds-custom--slug--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--slug):not(:has(.cds-custom--slug--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid){border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--warn .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--warn .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input{padding-inline-end:4rem}:host(cds-custom-fluid-date-picker){--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;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%}:host(cds-custom-fluid-date-picker) #floating-menu-container{position:absolute;inline-size:100%}:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__calendar.open{margin-block-start:0}:host(cds-custom-fluid-date-picker) .flatpickr-next-month svg,:host(cds-custom-fluid-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__day.flatpickr-disabled,:host(cds-custom-fluid-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__day.flatpickr-disabled:hover,:host(cds-custom-fluid-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-custom-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-custom-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-custom-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-custom-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-fluid-date-picker-input){position:relative;display:block;box-sizing:border-box;background:var(--cds-field);block-size:4rem;border-block-end:1px solid var(--cds-border-strong);inline-size:100%;max-inline-size:100%;outline:none}:host(cds-custom-fluid-date-picker-input[disabled]),:host(cds-custom-fluid-date-picker-input[readonly]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])){block-size:auto;border-block-end:none;min-block-size:4rem}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}:host(cds-custom-fluid-date-picker-input[disabled]) .cds-custom--date-picker__divider,:host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker__divider{display:none}:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--form-requirement,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])) .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}:host(cds-custom-fluid-date-picker-input[disabled]) .cds-custom--form-requirement,:host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--form-requirement{display:none}:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-custom-fluid-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-custom-fluid-date-picker-input[kind=single]) .cds-custom--date-picker__input{inline-size:18rem}:host(cds-custom-fluid-date-picker-input[kind=from]),:host(cds-custom-fluid-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-custom-fluid-date-picker-input[kind=from]) .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[kind=to]) .cds-custom--date-picker__input{inline-size:8.96875rem}:host(cds-custom-fluid-date-picker-input[kind=to]){border-inline-start:1px solid var(--cds-border-strong)}:host(cds-custom-fluid-date-picker-input[kind=to][disabled]),:host(cds-custom-fluid-date-picker-input[kind=to][readonly]){border-inline-start:1px solid var(--cds-border-subtle)}:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline-style:dotted}}:host(cds-custom-fluid-date-picker-input) .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__input{border:none;background:transparent;block-size:calc(100% - .0625rem);inline-size:100%;max-inline-size:100%;outline:none;padding-block-end:.8125rem;padding-block-start:2rem;padding-inline:1rem}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__input:focus{outline-style:dotted}}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__icon{inset-block-start:2.6875rem}:host(cds-custom-fluid-date-picker-input[invalid]) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon--warn{inset-block-start:5rem}:host(cds-custom-fluid-date-picker-input[invalid]) .cds-custom--date-picker__icon:not(.cds-custom--date-picker__icon--invalid),:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon:not(.cds-custom--date-picker__icon--warn){display:block}:host(cds-custom-fluid-date-picker-input[kind=simple][invalid]) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker-input[kind=simple][warn]:not([invalid])) .cds-custom--date-picker__icon--warn{display:block}:host(cds-custom-fluid-date-picker-skeleton){display:block}.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton:before{animation:none}}"]);
|
|
10
|
+
var fluid_date_picker_default = css([".cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem)}.cds-custom--layout--size-sm,.cds-custom--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-sm{--cds-layout-size-height-context: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-custom--layout--size-lg,.cds-custom--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-lg{--cds-layout-size-height-context: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-custom--layout--size-2xl,.cds-custom--layout--size-xl{--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem)}.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-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-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-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-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-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-custom--layout--density-condensed,.cds-custom--layout--density-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem)}.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-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}@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}}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@position-try --bottom-left{inset-area:block-end span-inline-start;margin-block-start:.25rem}@position-try --top-left{inset-area:block-start span-inline-start;margin-block-end:.25rem}@position-try --bottom-right{inset-area:block-end span-inline-end;margin-block-start:.25rem}@position-try --top-right{inset-area:block-start span-inline-end;margin-block-end:.25rem}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}@media (any-hover:hover){.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}@media (any-hover:hover){.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}}.numInputWrapper{position:relative;inline-size:3.75rem}@media (any-hover:hover){.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}@media (any-hover:hover){.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}@media (any-hover:hover){.flatpickr-day:hover{background:var(--cds-layer-hover)}}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}@media (any-hover:hover){.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}}@media screen and (any-hover:hover) and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}@media (any-hover:hover){.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds-custom--date-picker{display:flex}.cds-custom--date-picker--light .cds-custom--date-picker__input{background:var(--cds-field-02,#fff)}.cds-custom--date-picker~.cds-custom--label{order:1}.cds-custom--date-picker-container{position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds-custom--date-picker-container .cds-custom--label{display:flex}.cds-custom--date-picker-input__wrapper{display:flex;align-items:center}.cds-custom--date-picker-input__wrapper>span{position:relative}.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker__input,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--label{inline-size:7.5rem}.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--invalid .cds-custom--date-picker__input,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--warn .cds-custom--date-picker__input,.cds-custom--date-picker.cds-custom--date-picker--simple .cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement{inline-size:9.5rem}.cds-custom--date-picker.cds-custom--date-picker--simple.cds-custom--date-picker--short .cds-custom--date-picker__input{inline-size:5.7rem}.cds-custom--date-picker.cds-custom--date-picker--single .cds-custom--date-picker__input{inline-size:18rem}.cds-custom--date-picker .cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement{color:var(--cds-text-primary,#161616)}.cds-custom--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--date-picker__input *,.cds-custom--date-picker__input :after,.cds-custom--date-picker__input :before{box-sizing:inherit}.cds-custom--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--date-picker__input.cds-custom--focused,.cds-custom--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--date-picker__input.cds-custom--focused,.cds-custom--date-picker__input:focus{outline-style:dotted}}.cds-custom--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@media (any-hover:hover){.cds-custom--date-picker__input:disabled:hover{border-block-end:1px solid transparent}}.cds-custom--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds-custom--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds-custom--date-picker__input--lg{block-size:3rem}.cds-custom--date-picker__input--sm{block-size:2rem}.cds-custom--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds-custom--date-picker__icon--invalid,.cds-custom--date-picker__icon--warn{cursor:auto}.cds-custom--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds-custom--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds-custom--date-picker__icon~.cds-custom--date-picker__input{padding-inline-end:3rem}.cds-custom--date-picker__input:disabled~.cds-custom--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child{margin-inline-end:.0625rem}.cds-custom--date-picker--range .cds-custom--date-picker-container,.cds-custom--date-picker--range .cds-custom--date-picker__input{inline-size:8.96875rem}.cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator>*,.cds-custom--date-picker-input__wrapper--slug .cds-custom--ai-label,.cds-custom--date-picker-input__wrapper--slug .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input:has(~.cds-custom--date-picker-input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--date-picker-input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:4rem}.cds-custom--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds-custom--date-picker__input[readonly]+.cds-custom--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--date-picker.cds-custom--skeleton input,.cds-custom--date-picker__input.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--date-picker.cds-custom--skeleton input:active,.cds-custom--date-picker.cds-custom--skeleton input:focus,.cds-custom--date-picker.cds-custom--skeleton input:hover,.cds-custom--date-picker__input.cds-custom--skeleton:active,.cds-custom--date-picker__input.cds-custom--skeleton:focus,.cds-custom--date-picker__input.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker.cds-custom--skeleton input:before,.cds-custom--date-picker__input.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker.cds-custom--skeleton input:before,.cds-custom--date-picker__input.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker.cds-custom--skeleton input,.cds-custom--date-picker__input.cds-custom--skeleton{background:CanvasText}.cds-custom--date-picker.cds-custom--skeleton input:before,.cds-custom--date-picker__input.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker.cds-custom--skeleton input,.cds-custom--date-picker__input.cds-custom--skeleton{inline-size:100%}.cds-custom--date-picker.cds-custom--skeleton input::-moz-placeholder,.cds-custom--date-picker__input.cds-custom--skeleton::-moz-placeholder{color:transparent}.cds-custom--date-picker.cds-custom--skeleton input::placeholder,.cds-custom--date-picker__input.cds-custom--skeleton::placeholder{color:transparent}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:active,.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:focus,.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label{background:CanvasText}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker.cds-custom--skeleton .cds-custom--label{block-size:.875rem;inline-size:4.6875rem}.cds-custom--date-picker--next{position:relative}.cds-custom--date-picker--next .cds-custom--date-picker-input__wrapper{position:relative;anchor-name:--date-picker-input}.cds-custom--date-picker--next .cds-custom--date-picker__icon{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--cds-icon-primary,#161616);cursor:pointer;inset-block-start:50%;inset-inline-end:1rem;pointer-events:auto;transform:translateY(-50%)}.cds-custom--date-picker--next .cds-custom--date-picker__icon:focus{border:none;background:transparent;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__icon:active,.cds-custom--date-picker--next .cds-custom--date-picker__icon:hover{border:none;background:transparent}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{position:absolute;z-index:9000;padding:0;border:none;margin:0;background:transparent}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover:focus{outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{inset-area:block-end span-inline-start;margin-block-start:.25rem;position-anchor:--date-picker-input}@supports not (inset-area:block-end){.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{position:absolute;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);margin-block-start:.25rem}}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-popover{position-try-options:--bottom-left,--top-left,--bottom-right,--top-right}.cds-custom--date-picker--next .cds-custom--date-picker__calendar.open{margin-block-start:0}.cds-custom--date-picker--next .cds-custom--date-picker__calendar-container{position:absolute;z-index:9000;display:block;inset-block-start:100%;inset-inline-start:0;margin-block-start:0}.cds-custom--date-picker--next .cds-custom--date-picker-container{outline:none}.cds-custom--date-picker--next .cds-custom--date-picker-container .cds-custom--form-requirement[hidden]{display:none}.cds-custom--date-picker--next .cds-custom--date-picker-container--warn:not(.cds-custom--date-picker-container--invalid) .cds-custom--form-requirement{color:var(--cds-text-primary,#161616)}.cds-custom--date-picker--next .cds-custom--date-picker-container--simple .cds-custom--date-picker__input{inline-size:7.5rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--simple .cds-custom--date-picker__input--invalid,.cds-custom--date-picker--next .cds-custom--date-picker-container--simple .cds-custom--date-picker__input--warn{inline-size:9.5rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--short.cds-custom--date-picker-container--simple .cds-custom--date-picker__input{inline-size:5.625rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--single{max-inline-size:18rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--single .cds-custom--date-picker__input{inline-size:18rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--from{margin-inline-end:.0625rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--from,.cds-custom--date-picker--next .cds-custom--date-picker-container--from .cds-custom--date-picker__input,.cds-custom--date-picker--next .cds-custom--date-picker-container--to,.cds-custom--date-picker--next .cds-custom--date-picker-container--to .cds-custom--date-picker__input{inline-size:8.96875rem}.cds-custom--date-picker--next .cds-custom--date-picker-container--ai-label .cds-custom--date-picker__input--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton{display:inline-block}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:active,.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:focus,.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label{background:CanvasText}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--label{block-size:.875rem;inline-size:4.6875rem}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton .cds-custom--date-picker-input-skeleton-container{display:inline-block}.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton--range .cds-custom--date-picker-input-skeleton-container,.cds-custom--date-picker--next .cds-custom--date-picker-input-skeleton--range .cds-custom--date-picker-input-skeleton-container .cds-custom--date-picker__input{inline-size:8.96875rem}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton{padding:0;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:active,.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:focus,.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton{background:CanvasText}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__input.cds-custom--skeleton{position:relative;overflow:hidden;border:none;block-size:2.5rem;cursor:default;inline-size:100%;pointer-events:none}.cds-custom--date-picker--next .cds-custom--date-picker.cds-custom--skeleton .cds-custom--date-picker__icon.cds-custom--skeleton{display:none}.cds-custom--date-picker--next .cds-custom--date-picker__calendar{display:block;padding:.5rem;border:none;background-color:var(--cds-layer);box-shadow:0 2px 6px 0 rgba(0,0,0,.2);inline-size:18rem;max-inline-size:18rem;outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__calendar:focus{outline:none}.cds-custom--date-picker--next .cds-custom--date-picker__month{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;cursor:pointer;inline-size:2.5rem}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav:hover{background-color:var(--cds-layer-hover)}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--date-picker--next .cds-custom--date-picker__month-nav svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--date-picker--next .cds-custom--date-picker__current-month{flex:1;color:var(--cds-text-primary,#161616);font-size:.875rem;font-weight:600;text-align:center}.cds-custom--date-picker--next .cds-custom--date-picker__weekdays{display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-block-end:.25rem}.cds-custom--date-picker--next .cds-custom--date-picker__weekday{display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);font-size:.75rem;font-weight:600}.cds-custom--date-picker--next .cds-custom--date-picker__days{display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.cds-custom--date-picker--next .cds-custom--date-picker__day{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;font-size:.875rem}.cds-custom--date-picker--next .cds-custom--date-picker__day:hover:not(:disabled,.selected){background-color:var(--cds-layer-hover)}.cds-custom--date-picker--next .cds-custom--date-picker__day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--date-picker--next .cds-custom--date-picker__day.selected{background-color:var(--cds-interactive,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds-custom--date-picker--next .cds-custom--date-picker__day.today:not(.selected){position:relative;color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--date-picker--next .cds-custom--date-picker__day.today:not(.selected):after{position:absolute;border-radius:50%;background-color:var(--cds-interactive,#0f62fe);block-size:4px;content:\"\";inline-size:4px;inset-block-end:4px;inset-inline-start:50%;transform:translateX(-50%)}.cds-custom--date-picker--next .cds-custom--date-picker__day.inRange:not(.selected){background-color:var(--cds-highlight,#d0e2ff)}.cds-custom--date-picker--next .cds-custom--date-picker__day.nextMonthDay:not(.selected),.cds-custom--date-picker--next .cds-custom--date-picker__day.prevMonthDay:not(.selected){color:var(--cds-text-secondary,#525252)}.cds-custom--date-picker--next .cds-custom--date-picker__day.disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;opacity:.5}.cds-custom--date-picker--next .cds-custom--date-picker__day.focused:not(.selected){background-color:var(--cds-layer-hover);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--date-picker--fluid,:host(cds-custom-fluid-date-picker){display:inline-flex;background:var(--cds-field)}.cds-custom--date-picker--fluid .cds-custom--date-picker,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker{position:relative;block-size:100%;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--date-picker--fluid .cds-custom--label,:host(cds-custom-fluid-date-picker) .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds-custom--date-picker--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--date-picker--fluid .cds-custom--label::-webkit-scrollbar,:host(cds-custom-fluid-date-picker) .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,:host(cds-custom-fluid-date-picker) .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--date-picker--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--date-picker--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)),:host(cds-custom-fluid-date-picker) .cds-custom--label .cds-custom--toggletip-label,:host(cds-custom-fluid-date-picker) .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper>span,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper>span{inline-size:100%}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper .cds-custom--date-picker__input{padding:2rem 1rem .8125rem;background:transparent;border-block-end:none;min-block-size:4rem;min-inline-size:9rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker__icon{display:none}.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid):not(.cds-custom--date-picker__input--warn),.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid):not(.cds-custom--date-picker__input--warn),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid .cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__icon{inset-block-start:2.6875rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--single .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single .cds-custom--date-picker__input{inline-size:100%}.cds-custom--date-picker--fluid .cds-custom--date-picker--single,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single{border-block-end:none}.cds-custom--date-picker--fluid .cds-custom--date-picker--single .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),.cds-custom--date-picker--single .cds-custom--date-picker--fluid--warn,.cds-custom--date-picker--single :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),.cds-custom--date-picker--single :host(cds-custom-fluid-date-picker[warn]:not([invalid])),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker--range .cds-custom--date-picker-container:not(.cds-custom--date-picker--fluid--invalid),:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker-container:not(.cds-custom--date-picker--fluid--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker-container,.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker-container,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker__input{inline-size:100%;min-block-size:3.9375rem;min-inline-size:9rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child{margin-inline-end:0}.cds-custom--date-picker--fluid .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input{border-inline-start:1px solid var(--cds-border-strong)}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]){outline-style:dotted}}.cds-custom--date-picker--fluid .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid{outline:none}.cds-custom--date-picker--fluid .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid+.cds-custom--date-picker-container .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker-container:last-child.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid+.cds-custom--date-picker-container .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-container:last-child.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input--invalid{border-inline-start:none}.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--form-requirement,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--warn .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--date-picker--fluid .cds-custom--date-picker--single .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range .cds-custom--date-picker-container,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--single :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range .cds-custom--date-picker-container,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range .cds-custom--date-picker-container{border-block-end:1px solid transparent}.cds-custom--date-picker--fluid .cds-custom--date-picker--fluid--warn+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid :host(cds-custom-fluid-date-picker-input[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid :host(cds-custom-fluid-date-picker[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--fluid--warn+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) :host(cds-custom-fluid-date-picker-input[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) :host(cds-custom-fluid-date-picker[warn]:not([invalid]))+.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input{border-inline-start:1px solid transparent}.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:first-child:after,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range>.cds-custom--date-picker-container:first-child:after{position:absolute;display:block;block-size:calc(100% - 1rem);content:\"\";inline-size:1px;inset-block-start:.5rem;inset-inline-end:0;background:var(--cds-border-strong)}.cds-custom--date-picker--fluid .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--range .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after{position:absolute;display:block;background:var(--cds-border-strong);block-size:calc(100% - 1rem);content:\"\";inline-size:1px;inset-block-start:.5rem;inset-inline-end:0}.cds-custom--date-picker--fluid .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--fluid--warn.cds-custom--date-picker-container:last-child:after{inset-inline-start:0}.cds-custom--date-picker--fluid .cds-custom--date-picker__divider,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker-container.cds-custom--date-picker--fluid--warn .cds-custom--date-picker__icon--warn{inset-block-start:5rem}.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__icon--warn,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon--warn,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker__icon--invalid,.cds-custom--date-picker--fluid .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__icon--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple .cds-custom--date-picker--fluid--warn .cds-custom--date-picker__icon--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon--warn,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker--simple :host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker__icon--warn{display:block}.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--date-picker-container.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker__input:focus{outline-style:dotted}}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range~.cds-custom--form-requirement,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range~.cds-custom--form-requirement{display:block;overflow:visible;padding:.5rem 2.5rem .5rem 1rem;margin-block-start:0;max-block-size:100%}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range~.cds-custom--form-requirement,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]),:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])){position:relative}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker--range+.cds-custom--date-picker__icon,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--warn .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[invalid]) .cds-custom--date-picker--range+.cds-custom--date-picker__icon,:host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[warn]:not([invalid])) .cds-custom--date-picker--range+.cds-custom--date-picker__icon{inset-block-start:5rem}.cds-custom--date-picker--fluid__skeleton,:host(cds-custom-fluid-date-picker-skeleton){background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--date-picker--fluid__skeleton--container{position:relative;block-size:100%;inline-size:100%}.cds-custom--date-picker--fluid__skeleton .cds-custom--skeleton,:host(cds-custom-fluid-date-picker-skeleton) .cds-custom--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds-custom--date-picker--fluid__skeleton .cds-custom--label,:host(cds-custom-fluid-date-picker-skeleton) .cds-custom--label{margin-block-end:.25rem}.cds-custom--date-picker--fluid__skeleton .cds-custom--text-input,:host(cds-custom-fluid-date-picker-skeleton) .cds-custom--text-input{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.cds-custom--date-picker--fluid__skeleton--container .cds-custom--date-picker__icon{inset-block:auto .5rem}.cds-custom--date-picker--fluid__skeleton--range{display:flex;flex-direction:row}.cds-custom--date-picker--fluid__skeleton--range .cds-custom--date-picker--fluid__skeleton--container{display:flex;flex-direction:column;inline-size:50%}.cds-custom--date-picker--fluid__skeleton--range .cds-custom--date-picker--fluid__skeleton--container:first-of-type{border-inline-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--date-picker--fluid__skeleton--range .cds-custom--date-picker--fluid__skeleton--container .cds-custom--date-picker__icon{inset-block-end:.5rem}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--readonly:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker .cds-custom--date-picker__input,.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--readonly:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker>.cds-custom--date-picker-container,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker>.cds-custom--date-picker-container,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[data-input-readonly]) .cds-custom--date-picker .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[data-input-readonly]) .cds-custom--date-picker>.cds-custom--date-picker-container,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[readonly]) .cds-custom--date-picker .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[readonly]) .cds-custom--date-picker>.cds-custom--date-picker-container{border-block-end-color:var(--cds-border-subtle)}.cds-custom--date-picker--fluid.cds-custom--date-picker--fluid--readonly:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[data-input-readonly]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input,:not(.cds-custom--date-picker--fluid--invalid):not(.cds-custom--date-picker--fluid--warn):host(cds-custom-fluid-date-picker):host(cds-custom-fluid-date-picker[readonly]) .cds-custom--date-picker--range>.cds-custom--date-picker-container:last-child .cds-custom--date-picker__input{border-inline-start-color:var(--cds-border-subtle)}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator>*,.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--ai-label,.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--slug,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker-input-inner-wrapper--decorator>*,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--ai-label,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--slug{inset-block-start:2.6875rem}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--slug):not(:has(.cds-custom--slug--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--ai-label):not(:has(.cds-custom--ai-label--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid),:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug:has(.cds-custom--slug):not(:has(.cds-custom--slug--revert)) .cds-custom--date-picker__input:not(.cds-custom--date-picker__input--invalid){border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,.cds-custom--date-picker--fluid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--invalid .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--warn .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,.cds-custom--date-picker--fluid--warn .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker-input__wrapper--decorator .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker-input__wrapper--slug .cds-custom--date-picker__input{padding-inline-end:4rem}:host(cds-custom-fluid-date-picker){--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;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%}:host(cds-custom-fluid-date-picker) #floating-menu-container{position:absolute;inline-size:100%}:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__calendar.open{margin-block-start:0}:host(cds-custom-fluid-date-picker) .flatpickr-next-month svg,:host(cds-custom-fluid-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__day.flatpickr-disabled,:host(cds-custom-fluid-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-custom-fluid-date-picker) .cds-custom--date-picker__day.flatpickr-disabled:hover,:host(cds-custom-fluid-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-custom-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-custom-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-custom-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-custom-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-fluid-date-picker-input){position:relative;display:block;box-sizing:border-box;background:var(--cds-field);block-size:4rem;inline-size:100%;max-inline-size:100%;outline:none;border-block-end:1px solid var(--cds-border-strong)}:host(cds-custom-fluid-date-picker-input[readonly]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-custom-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])){block-size:auto;min-block-size:4rem;border-block-end:none}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}:host(cds-custom-fluid-date-picker-input[disabled]) .cds-custom--date-picker__divider,:host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--date-picker__divider{display:none}:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds-custom--form-requirement,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])) .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}:host(cds-custom-fluid-date-picker-input[disabled]) .cds-custom--form-requirement,:host(cds-custom-fluid-date-picker-input[readonly]) .cds-custom--form-requirement{display:none}:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-custom-fluid-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-custom-fluid-date-picker-input[kind=single]) .cds-custom--date-picker__input{inline-size:18rem}:host(cds-custom-fluid-date-picker-input[kind=from]),:host(cds-custom-fluid-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-custom-fluid-date-picker-input[kind=from]) .cds-custom--date-picker__input,:host(cds-custom-fluid-date-picker-input[kind=to]) .cds-custom--date-picker__input{inline-size:8.96875rem}:host(cds-custom-fluid-date-picker-input[kind=to]){border-inline-start:1px solid var(--cds-border-strong)}:host(cds-custom-fluid-date-picker-input[kind=to][disabled]),:host(cds-custom-fluid-date-picker-input[kind=to][readonly]){border-inline-start:1px solid var(--cds-border-subtle)}:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline-style:dotted}}:host(cds-custom-fluid-date-picker-input) .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__input{border:none;background:transparent;block-size:calc(100% - .0625rem);inline-size:100%;max-inline-size:100%;outline:none;padding-block-end:.8125rem;padding-block-start:2rem;padding-inline:1rem}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__input:focus{outline-style:dotted}}:host(cds-custom-fluid-date-picker-input) .cds-custom--date-picker__icon{inset-block-start:2.6875rem}:host(cds-custom-fluid-date-picker-input[invalid]) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon--warn{inset-block-start:5rem}:host(cds-custom-fluid-date-picker-input[invalid]) .cds-custom--date-picker__icon:not(.cds-custom--date-picker__icon--invalid),:host(cds-custom-fluid-date-picker-input[warn]:not([invalid])) .cds-custom--date-picker__icon:not(.cds-custom--date-picker__icon--warn){display:block}:host(cds-custom-fluid-date-picker-input[kind=simple][invalid]) .cds-custom--date-picker__icon--invalid,:host(cds-custom-fluid-date-picker-input[kind=simple][warn]:not([invalid])) .cds-custom--date-picker__icon--warn{display:block}:host(cds-custom-fluid-date-picker-skeleton){display:block}.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton:before{animation:none}}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { fluid_date_picker_default as default };
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-date-picker.scss.js","names":[],"sources":["../../../src/components/fluid-date-picker/fluid-date-picker.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/styles/scss/utilities/skeleton' as *;\n@use '@carbon/styles/scss/components/fluid-date-picker' as *;\n@use '@carbon/styles/scss/components/date-picker/index';\n@use '@carbon/styles/scss/utilities/focus-outline' as *;\n\n// ── Fluid date picker (wrapper) ──────────────────────────────────────────────\n\n:host(#{$prefix}-fluid-date-picker) {\n @extend .#{$prefix}--date-picker--fluid;\n @include emit-layout-tokens();\n\n display: inline-flex;\n inline-size: fit-content;\n max-inline-size: 100%;\n\n #floating-menu-container {\n position: absolute;\n inline-size: 100%;\n }\n\n .#{$prefix}--date-picker__calendar.open {\n margin-block-start: 0;\n }\n\n .flatpickr-next-month,\n .flatpickr-prev-month {\n svg {\n transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n }\n }\n\n .#{$prefix}--date-picker__day.flatpickr-disabled,\n .flatpickr-day.flatpickr-disabled {\n color: $layer-selected-inverse;\n cursor: not-allowed;\n opacity: 0.5;\n\n &:hover {\n background: transparent;\n }\n }\n\n .flatpickr-next-month.flatpickr-disabled,\n .flatpickr-prev-month.flatpickr-disabled {\n svg {\n cursor: not-allowed;\n fill: $layer-selected-inverse;\n opacity: 0.5;\n }\n\n &:hover {\n svg {\n fill: $layer-selected-inverse;\n }\n }\n }\n}\n\n:host(#{$prefix}-fluid-date-picker[invalid]) {\n @extend .#{$prefix}--date-picker--fluid--invalid;\n}\n\n:host(#{$prefix}-fluid-date-picker[warn]:not([invalid])) {\n @extend .#{$prefix}--date-picker--fluid--warn;\n}\n\n:host(#{$prefix}-fluid-date-picker[readonly]) {\n @extend .#{$prefix}--date-picker--fluid--readonly;\n}\n\n// ── Fluid date picker input ──────────────────────────────────────────────────\n\n:host(#{$prefix}-fluid-date-picker-input) {\n position: relative;\n display: block;\n box-sizing: border-box;\n background: $field;\n block-size: convert.to-rem(64px);\n border-block-end: 1px solid $border-strong;\n inline-size: 100%;\n max-inline-size: 100%;\n outline: none;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[disabled]),\n:host(#{$prefix}-fluid-date-picker-input[readonly]) {\n border-block-end: 1px solid $border-subtle;\n}\n\n// When invalid or warn, allow host to grow beyond 64px for error message\n:host(\n #{$prefix}-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])\n ),\n:host(\n #{$prefix}-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not(\n [readonly]\n )\n ) {\n block-size: auto;\n border-block-end: none;\n min-block-size: convert.to-rem(64px);\n}\n\n// Divider between input area and error/warn message\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--date-picker__divider {\n border-style: solid;\n border-color: $border-subtle;\n margin: 0 1rem;\n border-block-end: none;\n inline-size: calc(100% - 2rem);\n}\n\n// Hide divider when disabled or readonly\n:host(#{$prefix}-fluid-date-picker-input[disabled])\n .#{$prefix}--date-picker__divider,\n:host(#{$prefix}-fluid-date-picker-input[readonly])\n .#{$prefix}--date-picker__divider {\n display: none;\n}\n\n// Error / warn message padding\n:host(\n #{$prefix}-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])\n )\n .#{$prefix}--form-requirement,\n:host(\n #{$prefix}-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not(\n [readonly]\n )\n )\n .#{$prefix}--form-requirement {\n padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n margin: 0;\n}\n\n// Hide form requirement when disabled or readonly\n:host(#{$prefix}-fluid-date-picker-input[disabled])\n .#{$prefix}--form-requirement,\n:host(#{$prefix}-fluid-date-picker-input[readonly])\n .#{$prefix}--form-requirement {\n display: none;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid])) {\n .#{$prefix}--form-requirement {\n color: $text-primary;\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='single']) {\n max-inline-size: convert.to-rem(288px);\n\n .#{$prefix}--date-picker__input {\n inline-size: convert.to-rem(288px);\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='from']),\n:host(#{$prefix}-fluid-date-picker-input[kind='to']) {\n inline-size: convert.to-rem(143.5px);\n\n .#{$prefix}--date-picker__input {\n inline-size: convert.to-rem(143.5px);\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='to']) {\n border-inline-start: 1px solid $border-strong;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='to'][disabled]),\n:host(#{$prefix}-fluid-date-picker-input[kind='to'][readonly]) {\n border-inline-start: 1px solid $border-subtle;\n}\n\n:host(\n #{$prefix}-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])\n ) {\n @extend .#{$prefix}--date-picker--fluid--invalid;\n @include focus-outline('invalid');\n}\n\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid])) {\n @extend .#{$prefix}--date-picker--fluid--warn;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[readonly]) {\n @extend .#{$prefix}--date-picker--fluid--readonly;\n}\n\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--label {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n margin: 0;\n block-size: convert.to-rem(16px);\n inline-size: calc(100% - 2rem);\n inset-block-start: convert.to-rem(13px);\n inset-inline-start: $spacing-05;\n}\n\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--date-picker__input {\n border: none;\n background: transparent;\n block-size: calc(100% - #{convert.to-rem(1px)});\n inline-size: 100%;\n max-inline-size: 100%;\n outline: none;\n padding-block-end: convert.to-rem(13px);\n padding-block-start: convert.to-rem(32px);\n padding-inline: $spacing-05;\n\n &:focus {\n @include focus-outline('outline');\n }\n}\n\n// Push the calendar icon down to account for the floating label above the input value\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--date-picker__icon {\n inset-block-start: convert.to-rem(43px);\n}\n\n:host(#{$prefix}-fluid-date-picker-input[invalid])\n .#{$prefix}--date-picker__icon--invalid,\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid]))\n .#{$prefix}--date-picker__icon--warn {\n inset-block-start: convert.to-rem(80px);\n}\n\n:host(#{$prefix}-fluid-date-picker-input[invalid])\n .#{$prefix}--date-picker__icon:not(.#{$prefix}--date-picker__icon--invalid),\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid]))\n .#{$prefix}--date-picker__icon:not(.#{$prefix}--date-picker__icon--warn) {\n display: block;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='simple'][invalid])\n .#{$prefix}--date-picker__icon--invalid,\n:host(#{$prefix}-fluid-date-picker-input[kind='simple'][warn]:not([invalid]))\n .#{$prefix}--date-picker__icon--warn {\n display: block;\n}\n\n// ── Fluid date picker skeleton ───────────────────────────────────────────────\n\n:host(#{$prefix}-fluid-date-picker-skeleton) {\n @extend .#{$prefix}--date-picker--fluid__skeleton;\n\n display: block;\n}\n\n.#{$prefix}--skeleton {\n &::before {\n position: absolute;\n animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n background: $skeleton-element;\n block-size: 100%;\n content: '';\n inline-size: 100%;\n inset-inline-start: 0;\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"fluid-date-picker.scss.js","names":[],"sources":["../../../src/components/fluid-date-picker/fluid-date-picker.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/border-radius' as *;\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/utilities/convert';\n@use '@carbon/styles/scss/utilities/skeleton' as *;\n@use '@carbon/styles/scss/components/fluid-date-picker' as *;\n@use '@carbon/styles/scss/components/date-picker/index';\n@use '@carbon/styles/scss/utilities/focus-outline' as *;\n@use '@carbon/styles/scss/feature-flags' as flags;\n\n// ── Fluid date picker (wrapper) ──────────────────────────────────────────────\n\n:host(#{$prefix}-fluid-date-picker) {\n @if not flags.enabled('enable-v12-release') {\n @extend .#{$prefix}--date-picker--fluid;\n }\n @include emit-layout-tokens();\n\n display: inline-flex;\n inline-size: fit-content;\n max-inline-size: 100%;\n\n #floating-menu-container {\n position: absolute;\n inline-size: 100%;\n }\n\n .#{$prefix}--date-picker__calendar.open {\n @if flags.enabled('enable-v12-release') {\n margin-block-start: $spacing-02;\n } @else {\n margin-block-start: 0;\n }\n }\n\n .flatpickr-next-month,\n .flatpickr-prev-month {\n svg {\n transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n }\n }\n\n .#{$prefix}--date-picker__day.flatpickr-disabled,\n .flatpickr-day.flatpickr-disabled {\n color: $layer-selected-inverse;\n cursor: not-allowed;\n opacity: 0.5;\n\n &:hover {\n background: transparent;\n }\n }\n\n .flatpickr-next-month.flatpickr-disabled,\n .flatpickr-prev-month.flatpickr-disabled {\n svg {\n cursor: not-allowed;\n fill: $layer-selected-inverse;\n opacity: 0.5;\n }\n\n &:hover {\n svg {\n fill: $layer-selected-inverse;\n }\n }\n }\n\n @if flags.enabled('enable-v12-release') {\n border: 1px solid transparent;\n }\n}\n\n:host(#{$prefix}-fluid-date-picker[invalid]) {\n @extend .#{$prefix}--date-picker--fluid--invalid;\n}\n\n:host(#{$prefix}-fluid-date-picker[warn]:not([invalid])) {\n @extend .#{$prefix}--date-picker--fluid--warn;\n}\n\n:host(#{$prefix}-fluid-date-picker[readonly]),\n:host(#{$prefix}-fluid-date-picker[data-input-readonly]) {\n @if not flags.enabled('enable-v12-release') {\n @extend .#{$prefix}--date-picker--fluid--readonly;\n }\n}\n\n// ── Fluid date picker input ──────────────────────────────────────────────────\n\n:host(#{$prefix}-fluid-date-picker-input) {\n position: relative;\n display: block;\n box-sizing: border-box;\n background: $field;\n block-size: convert.to-rem(64px);\n inline-size: 100%;\n max-inline-size: 100%;\n outline: none;\n\n @if flags.enabled('enable-v12-release') {\n border: 1px solid transparent;\n } @else {\n border-block-end: 1px solid $border-strong;\n }\n}\n\n@if flags.enabled('enable-v12-release') {\n :host(#{$prefix}-fluid-date-picker-input:not([readonly])) {\n border-radius: $border-radius-04;\n }\n}\n\n@if not flags.enabled('enable-v12-release') {\n :host(#{$prefix}-fluid-date-picker-input[readonly]) {\n border-block-end: 1px solid $border-subtle;\n }\n}\n\n@if flags.enabled('enable-v12-release') {\n :host(\n #{$prefix}-fluid-date-picker:not([disabled]):not([readonly]):not(\n [data-input-disabled]\n ):not([data-input-readonly])\n ) {\n border-radius: $border-radius-04;\n // (gray-20 → gray-50)\n background:\n linear-gradient($field, $field) padding-box,\n linear-gradient(\n to bottom,\n $border-subtle calc(100% - 4px),\n $border-strong 100%\n )\n border-box;\n }\n\n :host(#{$prefix}-fluid-date-picker-input[readonly]) {\n border-block-end-color: $border-subtle;\n }\n\n :host(#{$prefix}-fluid-date-picker-input[kind='from']) {\n border-end-end-radius: $border-radius-00;\n border-inline-end: none;\n border-start-end-radius: $border-radius-00;\n }\n\n :host(#{$prefix}-fluid-date-picker-input[kind='to']) {\n border-end-start-radius: $border-radius-00;\n border-inline-start: none;\n border-start-start-radius: $border-radius-00;\n }\n\n :host(#{$prefix}-fluid-date-picker-input:focus-within) {\n @include focus-outline('outline');\n\n z-index: 1;\n outline-offset: convert.to-rem(-1.5px);\n }\n\n :host(#{$prefix}-fluid-date-picker:focus-within)\n ::slotted(#{$prefix}-fluid-date-picker-input[kind='to']) {\n border-inline-start-color: transparent;\n }\n}\n\n// When invalid or warn, allow host to grow beyond 64px for error message\n:host(\n #{$prefix}-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])\n ),\n:host(\n #{$prefix}-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not(\n [readonly]\n )\n ) {\n block-size: auto;\n min-block-size: convert.to-rem(64px);\n @if not flags.enabled('enable-v12-release') {\n border-block-end: none;\n }\n}\n\n// Divider between input area and error/warn message\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--date-picker__divider {\n border-style: solid;\n border-color: $border-subtle;\n margin: 0 1rem;\n border-block-end: none;\n inline-size: calc(100% - 2rem);\n}\n\n// Hide divider when disabled or readonly\n:host(#{$prefix}-fluid-date-picker-input[disabled])\n .#{$prefix}--date-picker__divider,\n:host(#{$prefix}-fluid-date-picker-input[readonly])\n .#{$prefix}--date-picker__divider {\n display: none;\n}\n\n// Error / warn message padding\n:host(\n #{$prefix}-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])\n )\n .#{$prefix}--form-requirement,\n:host(\n #{$prefix}-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not(\n [readonly]\n )\n )\n .#{$prefix}--form-requirement {\n padding: $spacing-03 convert.to-rem(40px) $spacing-03 $spacing-05;\n margin: 0;\n}\n\n// Hide form requirement when disabled or readonly\n:host(#{$prefix}-fluid-date-picker-input[disabled])\n .#{$prefix}--form-requirement,\n:host(#{$prefix}-fluid-date-picker-input[readonly])\n .#{$prefix}--form-requirement {\n display: none;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid])) {\n .#{$prefix}--form-requirement {\n color: $text-primary;\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='single']) {\n max-inline-size: convert.to-rem(288px);\n\n .#{$prefix}--date-picker__input {\n inline-size: convert.to-rem(288px);\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='from']),\n:host(#{$prefix}-fluid-date-picker-input[kind='to']) {\n inline-size: convert.to-rem(143.5px);\n\n .#{$prefix}--date-picker__input {\n inline-size: convert.to-rem(143.5px);\n }\n\n @if flags.enabled('enable-v12-release') {\n min-inline-size: 0;\n\n .#{$prefix}--date-picker__input {\n inline-size: 100%;\n }\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='to']) {\n border-inline-start: 1px solid $border-strong;\n\n @if flags.enabled('enable-v12-release') {\n border-inline-start-color: $border-subtle;\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='to'][disabled]),\n:host(#{$prefix}-fluid-date-picker-input[kind='to'][readonly]) {\n border-inline-start: 1px solid $border-subtle;\n}\n\n:host(\n #{$prefix}-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])\n ) {\n @extend .#{$prefix}--date-picker--fluid--invalid;\n @include focus-outline('invalid');\n\n @if flags.enabled('enable-v12-release') {\n outline-offset: convert.to-rem(-0.5px);\n }\n}\n\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid])) {\n @extend .#{$prefix}--date-picker--fluid--warn;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[readonly]) {\n @extend .#{$prefix}--date-picker--fluid--readonly;\n}\n\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--label {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n margin: 0;\n block-size: convert.to-rem(16px);\n inline-size: calc(100% - 2rem);\n inset-block-start: convert.to-rem(13px);\n inset-inline-start: $spacing-05;\n}\n\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--date-picker__input {\n border: none;\n background: transparent;\n block-size: calc(100% - #{convert.to-rem(1px)});\n inline-size: 100%;\n max-inline-size: 100%;\n outline: none;\n padding-block-end: convert.to-rem(13px);\n padding-block-start: convert.to-rem(32px);\n padding-inline: $spacing-05;\n\n @if flags.enabled('enable-v12-release') {\n // outline is drawn on the host instead\n @include focus-outline('reset');\n } @else {\n &:focus {\n @include focus-outline('outline');\n }\n }\n}\n\n// Push the calendar icon down to account for the floating label above the input value\n:host(#{$prefix}-fluid-date-picker-input) .#{$prefix}--date-picker__icon {\n inset-block-start: convert.to-rem(43px);\n}\n\n:host(#{$prefix}-fluid-date-picker-input[invalid])\n .#{$prefix}--date-picker__icon--invalid,\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid]))\n .#{$prefix}--date-picker__icon--warn {\n inset-block-start: convert.to-rem(80px);\n}\n\n:host(#{$prefix}-fluid-date-picker-input[invalid])\n .#{$prefix}--date-picker__icon:not(.#{$prefix}--date-picker__icon--invalid),\n:host(#{$prefix}-fluid-date-picker-input[warn]:not([invalid]))\n .#{$prefix}--date-picker__icon:not(.#{$prefix}--date-picker__icon--warn) {\n display: block;\n}\n\n:host(#{$prefix}-fluid-date-picker-input[kind='simple'][invalid])\n .#{$prefix}--date-picker__icon--invalid,\n:host(#{$prefix}-fluid-date-picker-input[kind='simple'][warn]:not([invalid]))\n .#{$prefix}--date-picker__icon--warn {\n display: block;\n}\n\n// ── Fluid date picker skeleton ───────────────────────────────────────────────\n\n:host(#{$prefix}-fluid-date-picker-skeleton) {\n @extend .#{$prefix}--date-picker--fluid__skeleton;\n\n display: block;\n}\n\n.#{$prefix}--skeleton {\n &::before {\n position: absolute;\n animation: 3000ms ease-in-out #{$prefix}--skeleton infinite;\n background: $skeleton-element;\n block-size: 100%;\n content: '';\n inline-size: 100%;\n inset-inline-start: 0;\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n"],"mappings":""}
|