@viasat/beam-react 2.30.0 → 2.36.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/assets/ActionList.css +1 -1
- package/assets/Avatar.css +1 -1
- package/assets/Badge.css +1 -1
- package/assets/Button.css +1 -1
- package/assets/Checkbox.css +1 -1
- package/assets/Chip.css +1 -1
- package/assets/ChipGroup.css +1 -1
- package/assets/CloseButton.css +1 -1
- package/assets/DateField.css +1 -0
- package/assets/EmptyState.css +1 -1
- package/assets/{floatingui.css → FloatingUI.css} +1 -1
- package/assets/InputChoiceGroup.css +1 -1
- package/assets/Link.css +1 -1
- package/assets/NativeSelect.css +1 -1
- package/assets/Pagination.css +1 -1
- package/assets/ProgressBar.css +1 -1
- package/assets/RadioButton.css +1 -1
- package/assets/Search.css +1 -1
- package/assets/SpinnerWrap.css +1 -1
- package/assets/Switch.css +1 -1
- package/assets/TextArea.css +1 -1
- package/assets/TextField.css +1 -1
- package/assets/card.css +1 -1
- package/assets/combobox.css +1 -1
- package/assets/fileUpload.css +1 -1
- package/assets/header.css +1 -1
- package/assets/index.css +1 -1
- package/assets/panel.css +1 -1
- package/assets/segmentedControl.css +1 -1
- package/assets/slider.css +1 -1
- package/assets/stepper.css +1 -1
- package/chunks/DateField.Segment.7oCeBSNo.js +1 -0
- package/chunks/DateField.Segment.DbjGMAPP.js +99 -0
- package/chunks/FloatingUI.arrow.DFhYQv_F.js +1 -0
- package/chunks/FloatingUI.arrow.tN5_IctZ.js +27 -0
- package/chunks/panel.module.BVmRxZHo.js +1 -0
- package/chunks/{panel.module.BblnuBjO.js → panel.module.CnHWv4EZ.js} +1 -3
- package/index.cjs.js +1 -1
- package/index.es.js +35 -33
- package/lib/ActionList/ActionList.Group.d.ts +1 -1
- package/lib/Autocomplete/Autocomplete.cjs.js +1 -1
- package/lib/Autocomplete/Autocomplete.d.ts +5 -5
- package/lib/Autocomplete/Autocomplete.es.js +296 -268
- package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -1
- package/lib/Autocomplete/AutocompleteDropdown.es.js +15 -12
- package/lib/FloatingUI/FloatingUI.arrow.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.arrow.es.js +6 -17
- package/lib/FloatingUI/FloatingUI.content.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.es.js +17 -18
- package/lib/Search/SearchDropdown.cjs.js +1 -1
- package/lib/Search/SearchDropdown.es.js +1 -1
- package/lib/Select/Select.cjs.js +1 -1
- package/lib/Select/Select.d.ts +3 -2
- package/lib/Select/Select.es.js +208 -195
- package/lib/Select/SelectDropdown.cjs.js +1 -1
- package/lib/Select/SelectDropdown.es.js +15 -12
- package/lib/_Options/Option.cjs.js +1 -1
- package/lib/_Options/Option.context.cjs.js +1 -1
- package/lib/_Options/Option.context.d.ts +31 -13
- package/lib/_Options/Option.context.es.js +133 -88
- package/lib/_Options/Option.es.js +23 -21
- package/lib/_Options/Option.types.d.ts +23 -0
- package/lib/_Options/OptionGroup.cjs.js +1 -0
- package/lib/_Options/OptionGroup.context.cjs.js +1 -0
- package/lib/_Options/OptionGroup.context.d.ts +6 -0
- package/lib/_Options/OptionGroup.context.es.js +6 -0
- package/lib/_Options/OptionGroup.d.ts +3 -0
- package/lib/_Options/OptionGroup.es.js +22 -0
- package/lib/_Options/getLastVisibleStructureIndex.cjs.js +1 -0
- package/lib/_Options/getLastVisibleStructureIndex.d.ts +15 -0
- package/lib/_Options/getLastVisibleStructureIndex.es.js +14 -0
- package/lib/_Options/index.cjs.js +1 -1
- package/lib/_Options/index.d.ts +4 -0
- package/lib/_Options/index.es.js +13 -4
- package/lib/_Options/useRenderOption.cjs.js +1 -0
- package/lib/_Options/useRenderOption.d.ts +30 -0
- package/lib/_Options/useRenderOption.es.js +43 -0
- package/lib/index.cjs.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.es.js +27 -25
- package/lib/wip/DateField/DateField.Segment.cjs.js +1 -0
- package/lib/wip/DateField/DateField.Segment.d.ts +2 -0
- package/lib/wip/DateField/DateField.Segment.es.js +8 -0
- package/lib/wip/DateField/DateField.Segments.cjs.js +1 -0
- package/lib/wip/DateField/DateField.Segments.d.ts +17 -0
- package/lib/wip/DateField/DateField.Segments.es.js +61 -0
- package/lib/wip/DateField/DateField.cjs.js +1 -0
- package/lib/wip/DateField/DateField.d.ts +3 -0
- package/lib/wip/DateField/DateField.es.js +191 -0
- package/lib/wip/DateField/DateField.types.cjs.js +1 -0
- package/lib/wip/DateField/DateField.types.d.ts +118 -0
- package/lib/wip/DateField/DateField.types.es.js +1 -0
- package/lib/wip/DateField/DateField.utils.cjs.js +1 -0
- package/lib/wip/DateField/DateField.utils.d.ts +26 -0
- package/lib/wip/DateField/DateField.utils.es.js +45 -0
- package/lib/wip/DateField/DateField.validation.cjs.js +1 -0
- package/lib/wip/DateField/DateField.validation.d.ts +26 -0
- package/lib/wip/DateField/DateField.validation.es.js +24 -0
- package/lib/wip/DateField/index.cjs.js +1 -0
- package/lib/wip/DateField/index.d.ts +2 -0
- package/lib/wip/DateField/index.es.js +4 -0
- package/lib/wip/DateField/useDateFieldFocus.cjs.js +1 -0
- package/lib/wip/DateField/useDateFieldFocus.d.ts +23 -0
- package/lib/wip/DateField/useDateFieldFocus.es.js +65 -0
- package/lib/wip/DateField/useDateFieldForm.cjs.js +1 -0
- package/lib/wip/DateField/useDateFieldForm.d.ts +32 -0
- package/lib/wip/DateField/useDateFieldForm.es.js +51 -0
- package/lib/wip/DateField/useDateFieldSegments.cjs.js +1 -0
- package/lib/wip/DateField/useDateFieldSegments.d.ts +7 -0
- package/lib/wip/DateField/useDateFieldSegments.es.js +13 -0
- package/lib/wip/DateField/useDateFieldValidity.cjs.js +1 -0
- package/lib/wip/DateField/useDateFieldValidity.d.ts +23 -0
- package/lib/wip/DateField/useDateFieldValidity.es.js +19 -0
- package/lib/wip/DateField/useDateFieldValue.cjs.js +1 -0
- package/lib/wip/DateField/useDateFieldValue.d.ts +19 -0
- package/lib/wip/DateField/useDateFieldValue.es.js +62 -0
- package/lib/wip/DateField/useInvalidState.cjs.js +1 -0
- package/lib/wip/DateField/useInvalidState.d.ts +13 -0
- package/lib/wip/DateField/useInvalidState.es.js +8 -0
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.cjs.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.es.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.cjs.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Subheader.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Subheader.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.es.js +1 -1
- package/lib/wip/Panel/Panel.Body.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Body.es.js +1 -1
- package/lib/wip/Panel/Panel.Inline.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Inline.d.ts +3 -1
- package/lib/wip/Panel/Panel.Inline.es.js +44 -40
- package/lib/wip/Panel/Panel.Overlay.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Overlay.d.ts +18 -2
- package/lib/wip/Panel/Panel.Overlay.es.js +110 -84
- package/lib/wip/Panel/Panel.ResizeHandle.cjs.js +1 -1
- package/lib/wip/Panel/Panel.ResizeHandle.es.js +1 -1
- package/lib/wip/Panel/Panel.cjs.js +1 -1
- package/lib/wip/Panel/Panel.d.ts +1 -1
- package/lib/wip/Panel/Panel.es.js +125 -94
- package/lib/wip/Panel/Panel.helpers.cjs.js +1 -1
- package/lib/wip/Panel/Panel.helpers.d.ts +2 -1
- package/lib/wip/Panel/Panel.helpers.es.js +37 -35
- package/lib/wip/Panel/Panel.types.d.ts +64 -10
- package/lib/wip/Panel/Panel.useResize.cjs.js +1 -1
- package/lib/wip/Panel/Panel.useResize.d.ts +3 -1
- package/lib/wip/Panel/Panel.useResize.es.js +34 -30
- package/package.json +6 -6
- package/utils/hooks/index.cjs.js +1 -1
- package/utils/hooks/index.d.ts +1 -0
- package/utils/hooks/index.es.js +12 -10
- package/utils/hooks/useElementResize.cjs.js +1 -1
- package/utils/hooks/useElementResize.d.ts +1 -1
- package/utils/hooks/useElementResize.es.js +33 -33
- package/utils/hooks/usePrevious.cjs.js +1 -0
- package/utils/hooks/usePrevious.d.ts +5 -0
- package/utils/hooks/usePrevious.es.js +10 -0
- package/chunks/floatingui.module.BcBFebz0.js +0 -10
- package/chunks/floatingui.module.D3Aw_aYe.js +0 -1
- package/chunks/panel.module.CVyUzyCZ.js +0 -1
package/assets/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-card{--bm-card-radius-outer:var(--bm-comp-card-radius-outer);border-radius:var(--bm-card-radius-outer);outline:none;flex-direction:column;display:flex}.bm-card--default-background{background:var(--bm-comp-card-color-bg)}.bm-card--default-shadow{box-shadow:var(--bm-comp-card-shadow)}.bm-card--default-border{border-color:var(--bm-comp-card-color-border)}.bm-card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;font:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;text-decoration:none;position:relative}.bm-card--interactive>.bm-state-layer{pointer-events:none;z-index:3;--bm-state-layer-top:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-right:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-bottom:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-left:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-outline-offset:calc(var(--bm-sem-border-width-md) + var(--bm-sem-size-focus-offset))}.bm-card--interactive:has(button:hover,a:hover,input:not([data-card-input]):hover,select:hover,textarea:hover,[role=button]:hover,[role=link]:hover,[tabindex]:not([tabindex="-1"]):hover)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:active,a:active,input:not([data-card-input]):active,select:active,textarea:active,[role=button]:active,[role=link]:active,[tabindex]:not([tabindex="-1"]):active)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:focus-visible,a:focus-visible,input:not([data-card-input]):focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible)>.bm-state-layer{--bm-state-layer-outline-color:transparent!important}.bm-card--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-card__hidden-input{opacity:0;cursor:pointer;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__hidden-input:disabled{cursor:not-allowed}.bm-card--selectable:not(:has(.bm-card__media-above)) .bm-card__header:after{content:"";width:var(--bm-comp-input-size-choice-checkbox);flex-shrink:0;order:999}.bm-card--selectable:has(.bm-card__hidden-input:focus-visible)>.bm-state-layer{--bm-state-layer-outline-width:var(--bm-sem-border-width-focus);--bm-state-layer-outline-color:var(--bm-sem-color-border-focus)}.bm-card__selection-indicator{top:var(--bm-card-selection-indicator-top,var(--bm-sem-space-100));right:var(--bm-card-selection-indicator-right,var(--bm-sem-space-100));z-index:4;pointer-events:none;display:block;position:absolute}.bm-card__selection-indicator--checkbox{box-sizing:border-box;width:var(--bm-comp-input-size-choice-checkbox);height:var(--bm-comp-input-size-choice-checkbox);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio{box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio:after{content:"";width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);position:absolute}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked:after{content:"";width:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);height:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}.bm-card__selection-indicator--disabled{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled,.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-card--selected{border-color:var(--bm-comp-card-color-border-selected);outline:var(--bm-sem-border-width-selected)solid var(--bm-comp-card-color-border-selected);outline-offset:calc(0px - var(--bm-sem-border-width-md))}.bm-card--density-sm{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-sm);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-sm)}.bm-card--density-sm>.bm-card__content{gap:var(--bm-comp-card-space-gap-sm);padding:var(--bm-comp-card-space-pad-sm)}.bm-card--density-md{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-md);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-md)}.bm-card--density-md>.bm-card__content{gap:var(--bm-comp-card-space-gap-md);padding:var(--bm-comp-card-space-pad-md)}.bm-card--density-lg{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-lg);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-lg)}.bm-card--density-lg>.bm-card__content{gap:var(--bm-comp-card-space-gap-lg);padding:var(--bm-comp-card-space-pad-lg)}.bm-card__content{z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__header{gap:var(--bm-comp-card-space-header-gap);z-index:2;flex-direction:row;display:flex;position:relative}.bm-card__header__content-before{gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-heading);order:1;display:flex}.bm-card__header__heading{min-width:0;font:var(--bm-comp-card-typo-heading);color:var(--bm-comp-card-color-heading);flex-direction:column;flex:1;order:2;display:flex}.bm-card__header__heading *{order:999}.bm-card__header__heading__eyebrow{font:var(--bm-comp-card-typo-eyebrow);color:var(--bm-comp-card-color-eyebrow);gap:var(--bm-comp-card-space-header-actions-gap);text-overflow:ellipsis;white-space:nowrap;order:0;display:flex;overflow:hidden}.bm-card__header__heading__text{order:1;display:flex}.bm-card__header__heading__supporting-text{color:var(--bm-comp-card-color-supporting);font:var(--bm-comp-card-typo-supporting);order:2;display:flex}.bm-card__header__content-after{padding-top:var(--bm-sem-space-12);justify-content:flex-end;align-items:flex-start;gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-icon);order:3;align-self:stretch;display:flex}.bm-card__media-above{border-top-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-top-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:0;border-bottom-left-radius:0}.bm-card__media-above:last-child{border-bottom-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md))}.bm-card__media-below{border-radius:var(--bm-comp-card-radius-inner)}.bm-card__media-above,.bm-card__media-below{isolation:isolate;z-index:2;width:100%;display:flex;position:relative;overflow:hidden}.bm-card__media-above--overlay-color-black-10,.bm-card__media-below--overlay-color-black-10{position:relative}.bm-card__media-above--overlay-color-black-10:before,.bm-card__media-below--overlay-color-black-10:before{content:"";background:var(--bm-sem-color-overlay-black-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-20,.bm-card__media-below--overlay-color-black-20{position:relative}.bm-card__media-above--overlay-color-black-20:before,.bm-card__media-below--overlay-color-black-20:before{content:"";background:var(--bm-sem-color-overlay-black-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-30,.bm-card__media-below--overlay-color-black-30{position:relative}.bm-card__media-above--overlay-color-black-30:before,.bm-card__media-below--overlay-color-black-30:before{content:"";background:var(--bm-sem-color-overlay-black-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-40,.bm-card__media-below--overlay-color-black-40{position:relative}.bm-card__media-above--overlay-color-black-40:before,.bm-card__media-below--overlay-color-black-40:before{content:"";background:var(--bm-sem-color-overlay-black-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-10,.bm-card__media-below--overlay-color-white-10{position:relative}.bm-card__media-above--overlay-color-white-10:before,.bm-card__media-below--overlay-color-white-10:before{content:"";background:var(--bm-sem-color-overlay-white-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-20,.bm-card__media-below--overlay-color-white-20{position:relative}.bm-card__media-above--overlay-color-white-20:before,.bm-card__media-below--overlay-color-white-20:before{content:"";background:var(--bm-sem-color-overlay-white-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-30,.bm-card__media-below--overlay-color-white-30{position:relative}.bm-card__media-above--overlay-color-white-30:before,.bm-card__media-below--overlay-color-white-30:before{content:"";background:var(--bm-sem-color-overlay-white-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-40,.bm-card__media-below--overlay-color-white-40{position:relative}.bm-card__media-above--overlay-color-white-40:before,.bm-card__media-below--overlay-color-white-40:before{content:"";background:var(--bm-sem-color-overlay-white-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-above__overlay-middle,.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-top,.bm-card__media-below__overlay-middle,.bm-card__media-below__overlay-bottom{z-index:2;position:absolute;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-below__overlay-top{top:0}.bm-card__media-above__overlay-middle,.bm-card__media-below__overlay-middle{top:50%;transform:translateY(-50%)}.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-bottom{bottom:0}.bm-card__body{color:var(--bm-comp-card-color-body);font:var(--bm-comp-card-typo-body);gap:var(--bm-sem-space-100);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer{gap:var(--bm-sem-space-50);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer__actions{padding-top:var(--bm-comp-card-space-footer-actions-top);gap:var(--bm-comp-card-space-footer-actions-gap);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-card__footer__actions--start{justify-content:flex-start}.bm-card__footer__actions--end{justify-content:flex-end}.bm-card__footer__actions--spaceBetween{justify-content:space-between}.bm-card__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-card-space-footer-actions-gap-stacked);flex-direction:column}
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-card{--bm-card-radius-outer:var(--bm-comp-card-radius-outer);border-radius:var(--bm-card-radius-outer);outline:none;flex-direction:column;display:flex}.bm-card--default-background{background:var(--bm-comp-card-color-bg)}.bm-card--default-shadow{box-shadow:var(--bm-comp-card-shadow)}.bm-card--default-border{border-color:var(--bm-comp-card-color-border)}.bm-card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;font:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;text-decoration:none;position:relative}.bm-card--interactive>.bm-state-layer{pointer-events:none;z-index:3;--bm-state-layer-top:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-right:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-bottom:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-left:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-outline-offset:calc(var(--bm-sem-border-width-md) + var(--bm-sem-size-focus-offset))}.bm-card--interactive:has(button:hover,a:hover,input:not([data-card-input]):hover,select:hover,textarea:hover,[role=button]:hover,[role=link]:hover,[tabindex]:not([tabindex="-1"]):hover)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:active,a:active,input:not([data-card-input]):active,select:active,textarea:active,[role=button]:active,[role=link]:active,[tabindex]:not([tabindex="-1"]):active)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:focus-visible,a:focus-visible,input:not([data-card-input]):focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible)>.bm-state-layer{--bm-state-layer-outline-color:transparent!important}.bm-card--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-card__hidden-input{opacity:0;cursor:pointer;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__hidden-input:disabled{cursor:not-allowed}.bm-card--selectable:not(:has(.bm-card__media-above)) .bm-card__header:after{content:"";width:var(--bm-comp-input-size-choice-checkbox);flex-shrink:0;order:999}.bm-card--selectable:has(.bm-card__hidden-input:focus-visible)>.bm-state-layer{--bm-state-layer-outline-width:var(--bm-sem-border-width-focus);--bm-state-layer-outline-color:var(--bm-sem-color-border-focus)}.bm-card__selection-indicator{top:var(--bm-card-selection-indicator-top,var(--bm-sem-space-100));right:var(--bm-card-selection-indicator-right,var(--bm-sem-space-100));z-index:4;pointer-events:none;display:block;position:absolute}.bm-card__selection-indicator--checkbox{box-sizing:border-box;width:var(--bm-comp-input-size-choice-checkbox);height:var(--bm-comp-input-size-choice-checkbox);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio{box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio:after{content:"";width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);position:absolute}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked:after{content:"";width:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);height:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}.bm-card__selection-indicator--disabled{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled,.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-card--selected{border-color:var(--bm-comp-card-color-border-selected);outline:var(--bm-sem-border-width-selected)solid var(--bm-comp-card-color-border-selected);outline-offset:calc(0px - var(--bm-sem-border-width-md))}.bm-card--density-sm{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-sm);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-sm)}.bm-card--density-sm>.bm-card__content{gap:var(--bm-comp-card-space-gap-sm);padding:var(--bm-comp-card-space-pad-sm)}.bm-card--density-md{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-md);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-md)}.bm-card--density-md>.bm-card__content{gap:var(--bm-comp-card-space-gap-md);padding:var(--bm-comp-card-space-pad-md)}.bm-card--density-lg{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-lg);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-lg)}.bm-card--density-lg>.bm-card__content{gap:var(--bm-comp-card-space-gap-lg);padding:var(--bm-comp-card-space-pad-lg)}.bm-card__content{z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__header{gap:var(--bm-comp-card-space-header-gap);z-index:2;flex-direction:row;display:flex;position:relative}.bm-card__header__content-before{gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-heading);order:1;display:flex}.bm-card__header__heading{min-width:0;font:var(--bm-comp-card-typo-heading);color:var(--bm-comp-card-color-heading);flex-direction:column;flex:1;order:2;display:flex}.bm-card__header__heading *{order:999}.bm-card__header__heading__eyebrow{font:var(--bm-comp-card-typo-eyebrow);color:var(--bm-comp-card-color-eyebrow);gap:var(--bm-comp-card-space-header-actions-gap);text-overflow:ellipsis;white-space:nowrap;order:0;display:flex;overflow:hidden}.bm-card__header__heading__text{order:1;display:flex}.bm-card__header__heading__supporting-text{color:var(--bm-comp-card-color-supporting);font:var(--bm-comp-card-typo-supporting);order:2;display:flex}.bm-card__header__content-after{padding-top:var(--bm-sem-space-12);justify-content:flex-end;align-items:flex-start;gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-icon);order:3;align-self:stretch;display:flex}.bm-card__media-above{border-top-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-top-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:0;border-bottom-left-radius:0}.bm-card__media-above:last-child{border-bottom-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md))}.bm-card__media-below{border-radius:var(--bm-comp-card-radius-inner)}.bm-card__media-above,.bm-card__media-below{isolation:isolate;z-index:2;width:100%;display:flex;position:relative;overflow:hidden}.bm-card__media-above--overlay-color-black-10,.bm-card__media-below--overlay-color-black-10{position:relative}.bm-card__media-above--overlay-color-black-10:before,.bm-card__media-below--overlay-color-black-10:before{content:"";background:var(--bm-sem-color-overlay-black-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-20,.bm-card__media-below--overlay-color-black-20{position:relative}.bm-card__media-above--overlay-color-black-20:before,.bm-card__media-below--overlay-color-black-20:before{content:"";background:var(--bm-sem-color-overlay-black-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-30,.bm-card__media-below--overlay-color-black-30{position:relative}.bm-card__media-above--overlay-color-black-30:before,.bm-card__media-below--overlay-color-black-30:before{content:"";background:var(--bm-sem-color-overlay-black-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-40,.bm-card__media-below--overlay-color-black-40{position:relative}.bm-card__media-above--overlay-color-black-40:before,.bm-card__media-below--overlay-color-black-40:before{content:"";background:var(--bm-sem-color-overlay-black-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-10,.bm-card__media-below--overlay-color-white-10{position:relative}.bm-card__media-above--overlay-color-white-10:before,.bm-card__media-below--overlay-color-white-10:before{content:"";background:var(--bm-sem-color-overlay-white-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-20,.bm-card__media-below--overlay-color-white-20{position:relative}.bm-card__media-above--overlay-color-white-20:before,.bm-card__media-below--overlay-color-white-20:before{content:"";background:var(--bm-sem-color-overlay-white-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-30,.bm-card__media-below--overlay-color-white-30{position:relative}.bm-card__media-above--overlay-color-white-30:before,.bm-card__media-below--overlay-color-white-30:before{content:"";background:var(--bm-sem-color-overlay-white-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-40,.bm-card__media-below--overlay-color-white-40{position:relative}.bm-card__media-above--overlay-color-white-40:before,.bm-card__media-below--overlay-color-white-40:before{content:"";background:var(--bm-sem-color-overlay-white-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-above__overlay-middle,.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-top,.bm-card__media-below__overlay-middle,.bm-card__media-below__overlay-bottom{z-index:2;position:absolute;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-below__overlay-top{top:0}.bm-card__media-above__overlay-middle,.bm-card__media-below__overlay-middle{top:50%;transform:translateY(-50%)}.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-bottom{bottom:0}.bm-card__body{color:var(--bm-comp-card-color-body);font:var(--bm-comp-card-typo-body);gap:var(--bm-sem-space-100);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer{gap:var(--bm-sem-space-50);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer__actions{padding-top:var(--bm-comp-card-space-footer-actions-top);gap:var(--bm-comp-card-space-footer-actions-gap);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-card__footer__actions--start{justify-content:flex-start}.bm-card__footer__actions--end{justify-content:flex-end}.bm-card__footer__actions--spaceBetween{justify-content:space-between}.bm-card__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-card-space-footer-actions-gap-stacked);flex-direction:column}
|
package/assets/combobox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-combobox{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top);position:relative}.bm-combobox--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-combobox--fluid{max-width:100%}.bm-combobox--autocomplete .bm-combobox__field{--bm-text-field-input-cursor:text}.bm-combobox--disabled,.bm-combobox--disabled .bm-combobox__field{--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-combobox--multiple:not(.bm-combobox--autocomplete):not(.bm-combobox--empty) .bm-combobox__field__input{display:none}.bm-combobox:not(.bm-combobox--autocomplete) .bm-combobox__field::selection{background-color:#0000}.bm-combobox__field{cursor:var(--bm-text-field-cursor,pointer);-webkit-user-select:none;user-select:none;font:var(--bm-comp-input-typo-default);min-height:var(--bm-comp-input-size-field-md-height);align-items:flex-start;gap:var(--bm-comp-input-space-field-gap);--bm-comp-icon-color:var(--bm-comp-input-color-icon);--bm-comp-icon-size:var(--bm-comp-input-size-field-icon);flex-direction:row;display:flex;position:relative}.bm-combobox__field__chevron{cursor:var(--bm-text-field-cursor,pointer);width:var(--bm-comp-icon-size);height:var(--bm-comp-icon-size);background-color:var(--bm-comp-input-color-icon);transition:transform .2s;position:absolute;top:calc(var(--bm-comp-input-size-field-md-height)/2 - var(--bm-comp-icon-size)/2);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:.625rem .3125rem;mask-size:.625rem .3125rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bm-combobox__field__chevron:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox--dropdown-open .bm-combobox__field__chevron{transform:rotate(180deg)translateY(var(--bm-comp-input-border-width-field-default))}.bm-combobox__field__before,.bm-combobox__field__chips,.bm-combobox__field__input,.bm-combobox__field__after{align-items:center;gap:var(--bm-comp-input-space-field-gap);min-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-comp-input-space-field-y));line-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-comp-input-space-field-y));flex:none;display:flex}.bm-combobox__field__input{min-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));line-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));background:0 0}.bm-combobox__field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-combobox__field__content-before,.bm-combobox__field__content-after{justify-content:center;align-items:center;gap:var(--bm-comp-input-space-field-gap);color:var(--bm-comp-input-color-text-placeholder);justify-content:center;align-items:center;gap:var(--bm-comp-input-space-field-gap);display:flex}.bm-combobox__field__chips{gap:var(--bm-sem-space-25);margin-block:calc(-1*var(--bm-comp-input-border-width-field-default));flex-wrap:wrap;flex:1}.bm-combobox__field__input{cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-comp-input-typo-default);border:0;outline:0;flex:1;width:100%;min-width:3rem;margin:0;padding:0}.bm-combobox--error .bm-combobox__field__chevron{background-color:var(--bm-comp-input-color-icon)}.bm-combobox--error .bm-combobox__field{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-combobox--read-only .bm-combobox__field__chevron{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-combobox--read-only .bm-combobox__field{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-combobox--disabled .bm-combobox__field__chevron{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-combobox--disabled .bm-combobox__field{color:var(--bm-comp-input-color-text-disabled);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input,.bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-combobox__field{border:var(--bm-comp-input-border-width-field-default)solid var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);cursor:var(--bm-text-field-input-cursor,pointer);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));padding-block:var(--bm-comp-input-space-field-y);padding-inline:var(--bm-comp-input-space-field-x)calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-comp-input-space-field-x));min-height:var(--bm-comp-input-size-field-md-height)}.bm-combobox__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-combobox__dropdown{max-height:calc(var(--bm-combobox-dropdown-max-items,8)*var(--bm-comp-actionlist-size-height) + 2*var(--bm-sem-space-50));overflow-y:auto;padding:var(--bm-sem-space-50)var(--bm-sem-space-100)!important}
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-combobox{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top);position:relative}.bm-combobox--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-combobox--fluid{max-width:100%}.bm-combobox--autocomplete .bm-combobox__field{--bm-text-field-input-cursor:text}.bm-combobox--disabled,.bm-combobox--disabled .bm-combobox__field{--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-combobox--multiple:not(.bm-combobox--autocomplete):not(.bm-combobox--empty) .bm-combobox__field__input{display:none}.bm-combobox:not(.bm-combobox--autocomplete) .bm-combobox__field::selection{background-color:#0000}.bm-combobox__field{cursor:var(--bm-text-field-cursor,pointer);-webkit-user-select:none;user-select:none;font:var(--bm-comp-input-typo-default);min-height:var(--bm-comp-input-size-field-md-height);align-items:flex-start;gap:var(--bm-comp-input-space-field-gap);--bm-comp-icon-color:var(--bm-comp-input-color-icon);--bm-comp-icon-size:var(--bm-comp-input-size-field-icon);flex-direction:row;display:flex;position:relative}.bm-combobox__field__chevron{cursor:var(--bm-text-field-cursor,pointer);width:var(--bm-comp-icon-size);height:var(--bm-comp-icon-size);background-color:var(--bm-comp-input-color-icon);transition:transform .2s;position:absolute;top:calc(var(--bm-comp-input-size-field-md-height)/2 - var(--bm-comp-icon-size)/2);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:.625rem .3125rem;mask-size:.625rem .3125rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bm-combobox__field__chevron:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox__field__chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - .625rem)/2)}.bm-combobox--dropdown-open .bm-combobox__field__chevron{transform:rotate(180deg)translateY(var(--bm-comp-input-border-width-field-default))}.bm-combobox__field__before,.bm-combobox__field__chips,.bm-combobox__field__input,.bm-combobox__field__after{align-items:center;gap:var(--bm-comp-input-space-field-gap);min-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-comp-input-space-field-y));line-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-comp-input-space-field-y));flex:none;display:flex}.bm-combobox__field__input{min-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));line-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));background:0 0}.bm-combobox__field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-combobox__field__content-before,.bm-combobox__field__content-after{justify-content:center;align-items:center;gap:var(--bm-comp-input-space-field-gap);color:var(--bm-comp-input-color-text-placeholder);justify-content:center;align-items:center;gap:var(--bm-comp-input-space-field-gap);display:flex}.bm-combobox__field__chips{gap:var(--bm-sem-space-25);margin-block:calc(-1*var(--bm-comp-input-border-width-field-default));flex-wrap:wrap;flex:1}.bm-combobox__field__input{cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-comp-input-typo-default);border:0;outline:0;flex:1;width:100%;min-width:3rem;margin:0;padding:0}.bm-combobox--error .bm-combobox__field__chevron{background-color:var(--bm-comp-input-color-icon)}.bm-combobox--error .bm-combobox__field{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-combobox--read-only .bm-combobox__field__chevron{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-combobox--read-only .bm-combobox__field{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-combobox--disabled .bm-combobox__field__chevron{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-combobox--disabled .bm-combobox__field{color:var(--bm-comp-input-color-text-disabled);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input,.bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-combobox__field{border:var(--bm-comp-input-border-width-field-default)solid var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);cursor:var(--bm-text-field-input-cursor,pointer);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));padding-block:var(--bm-comp-input-space-field-y);padding-inline:var(--bm-comp-input-space-field-x)calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-comp-input-space-field-x));min-height:var(--bm-comp-input-size-field-md-height)}.bm-combobox__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-combobox__dropdown{max-height:calc(var(--bm-combobox-dropdown-max-items,8)*var(--bm-comp-actionlist-size-height) + 2*var(--bm-sem-space-50));overflow-y:auto;padding:var(--bm-sem-space-50)var(--bm-sem-space-100)!important}
|
package/assets/fileUpload.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-file-upload-color-dropzone-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-file-upload-color-dropzone-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-file-upload-color-dropzone-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-file-upload-color-dropzone-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-file-upload-color-dropzone-bg-drag:var(--bm-utility-color-accent-subtlest,#e9fcff);--bm-comp-file-upload-color-dropzone-border-drag:var(--bm-utility-color-accent-default,#00768f);--bm-comp-file-upload-color-dropzone-icon-drag:var(--bm-utility-color-accent-default,#00768f);--bm-comp-file-upload-color-file-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-file-upload-color-file-name:var(--bm-sem-color-text-primary,#141d24);--bm-comp-file-upload-color-file-detail:var(--bm-sem-color-text-secondary,#576775);--bm-comp-file-upload-color-file-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-file-upload-color-file-icon-success:var(--bm-sem-color-icon-positive-strong,#187c36);--bm-comp-file-upload-color-file-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-file-upload-space-file-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-file-gap:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-file-gap-inner:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-lg-y:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-dropzone-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-gap:var(--bm-sem-space-25,.25rem);--bm-comp-file-upload-space-dropzone-sm-y:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-md-y:var(--bm-sem-space-200,2rem);--bm-comp-file-upload-size-file-md-height:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-size-file-md-thumbnail:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-file-upload-size-file-lg-height:var(--bm-primitive-dimension-400,4rem);--bm-comp-file-upload-size-file-lg-thumbnail:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-radius-file:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-dropzone:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-thumbnail:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-border-width-dropzone-default:var(--bm-sem-border-width-md,.063rem);--bm-comp-file-upload-border-width-dropzone-drag:var(--bm-sem-border-width-lg,.125rem);--bm-comp-file-upload-typo-file:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-file-upload-typo-dropzone:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-file-upload-color-dropzone-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-file-upload-color-dropzone-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-file-upload-color-dropzone-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-file-upload-color-dropzone-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-file-upload-color-dropzone-bg-drag:var(--bm-utility-color-accent-subtlest,#01262d);--bm-comp-file-upload-color-dropzone-border-drag:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-file-upload-color-dropzone-icon-drag:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-file-upload-color-file-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-file-upload-color-file-name:var(--bm-sem-color-text-primary,#fff);--bm-comp-file-upload-color-file-detail:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-file-upload-color-file-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-file-upload-color-file-icon-success:var(--bm-sem-color-icon-positive-strong,#b3eb9e);--bm-comp-file-upload-color-file-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-file-upload-space-file-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-file-gap:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-file-gap-inner:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-lg-y:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-dropzone-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-gap:var(--bm-sem-space-25,.25rem);--bm-comp-file-upload-space-dropzone-sm-y:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-md-y:var(--bm-sem-space-200,2rem);--bm-comp-file-upload-size-file-md-height:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-size-file-md-thumbnail:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-file-upload-size-file-lg-height:var(--bm-primitive-dimension-400,4rem);--bm-comp-file-upload-size-file-lg-thumbnail:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-radius-file:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-dropzone:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-thumbnail:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-border-width-dropzone-default:var(--bm-sem-border-width-md,.063rem);--bm-comp-file-upload-border-width-dropzone-drag:var(--bm-sem-border-width-lg,.125rem);--bm-comp-file-upload-typo-file:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-file-upload-typo-dropzone:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}.bm-file-upload{gap:var(--bm-sem-space-100);max-width:var(--bm-comp-input-size-field-width);flex-direction:column;width:100%;display:flex}.bm-file-upload--fluid{max-width:none}.bm-file-upload__uploader{flex-direction:column;gap:0;display:flex}.bm-file-upload-list{gap:var(--bm-sem-space-50);flex-direction:column;display:flex}.bm-file-upload-list-item{box-sizing:border-box;border-radius:var(--bm-comp-file-upload-radius-file);min-height:var(--bm-comp-file-upload-size-file-md-height);padding:var(--bm-comp-file-upload-space-file-md-y)var(--bm-comp-file-upload-space-file-x);gap:var(--bm-comp-file-upload-space-file-gap);background:var(--bm-comp-file-upload-color-file-bg);align-items:center;display:flex;position:relative;overflow:hidden}.bm-file-upload-list-item--uploading,.bm-file-upload-list-item--uploaded,.bm-file-upload-list-item--success{display:flex}.bm-file-upload-list-item--error{outline:var(--bm-sem-border-width-lg)solid var(--bm-sem-color-border-negative-strong);align-items:flex-start}.bm-file-upload-list-item--lg{min-height:var(--bm-comp-file-upload-size-file-lg-height);padding:var(--bm-comp-file-upload-space-file-lg-y)var(--bm-comp-file-upload-space-file-x)}.bm-file-upload-list-item__thumbnail{width:var(--bm-comp-file-upload-size-file-md-thumbnail);height:var(--bm-comp-file-upload-size-file-md-thumbnail);border-radius:var(--bm-comp-file-upload-radius-thumbnail);background-color:var(--bm-sem-color-surface-highlight);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.bm-file-upload-list-item--lg .bm-file-upload-list-item__thumbnail{width:var(--bm-comp-file-upload-size-file-lg-thumbnail);height:var(--bm-comp-file-upload-size-file-lg-thumbnail)}.bm-file-upload-list-item__thumbnail img{object-fit:cover;width:100%;height:100%}.bm-file-upload-list-item__content{gap:var(--bm-comp-file-upload-space-file-gap-inner);flex-direction:row;flex:1 0 0;min-width:0;display:flex}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content,.bm-file-upload-list-item--error .bm-file-upload-list-item__content{align-items:flex-start}.bm-file-upload-list-item__content-start{align-items:center;gap:var(--bm-comp-file-upload-space-file-gap-inner);flex-direction:row;flex:1 0 0;min-width:0;display:flex}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content-start,.bm-file-upload-list-item--error .bm-file-upload-list-item__content-start{flex-direction:column;flex:1;align-items:flex-start;gap:0}.bm-file-upload-list-item__content-end{gap:var(--bm-comp-file-upload-space-file-gap-inner);align-items:center;display:flex}.bm-file-upload-list-item__filename{white-space:nowrap;text-overflow:ellipsis;color:var(--bm-comp-file-upload-color-file-name);font:var(--bm-comp-file-upload-typo-file);max-width:100%;margin:0;padding:0;overflow:hidden}.bm-file-upload-list-item__size{color:var(--bm-comp-file-upload-color-file-detail);font:var(--bm-comp-file-upload-typo-file);flex-shrink:0;margin:0;padding:0}.bm-file-upload-list-item--error .bm-file-upload-list-item__size{display:none}.bm-file-upload-list-item__status{flex-shrink:0;justify-content:center;align-items:center;display:flex}.bm-file-upload-list-item__status bm-icon,.bm-file-upload-list-item__remove{display:flex}.bm-file-upload-list-item__progress-bar{position:absolute;bottom:0;left:0;right:0}.bm-file-upload-list-item__error{--bm-comp-helper-text-space-top:0}.bm-file-upload-dropzone{padding:var(--bm-comp-file-upload-space-dropzone-md-y)var(--bm-comp-file-upload-space-dropzone-x);justify-content:center;align-items:center;gap:var(--bm-comp-file-upload-space-dropzone-gap);border-radius:var(--bm-comp-file-upload-radius-dropzone);background:var(--bm-comp-file-upload-color-dropzone-bg);flex-direction:column;flex-shrink:0;display:flex;position:relative}.bm-file-upload-dropzone:focus-visible{outline:none}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled){background:var(--bm-comp-file-upload-color-dropzone-bg-drag)}.bm-file-upload-dropzone--disabled{opacity:var(--bm-sem-opacity-disabled)}.bm-file-upload-dropzone:not(.bm-file-upload-dropzone--disabled){cursor:pointer}.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-opacity:1;--bm-state-layer-outline-style:dashed;--bm-state-layer-outline-offset:calc(-1*var(--bm-comp-file-upload-border-width-dropzone-default));--bm-state-layer-outline-color:var(--bm-comp-file-upload-color-dropzone-border);--bm-state-layer-outline-width:var(--bm-comp-file-upload-border-width-dropzone-default)}:focus-within>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-offset:0;--bm-state-layer-outline-style:solid;--bm-state-layer-outline-color:var(--bm-sem-color-border-focus);--bm-state-layer-outline-width:var(--bm-sem-border-width-focus)}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled)>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color:var(--bm-comp-file-upload-color-dropzone-border-drag);--bm-state-layer-outline-width:var(--bm-comp-file-upload-border-width-dropzone-drag);--bm-state-layer-outline-style:solid;--bm-state-layer-background:transparent}.bm-file-upload-dropzone--disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer,:disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-background:transparent;--bm-state-layer-opacity:1}.bm-file-upload-dropzone--error>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color:var(--bm-comp-input-color-border-error);--bm-state-layer-outline-width:var(--bm-comp-input-border-width-field-error);--bm-state-layer-outline-offset:calc(-1*var(--bm-comp-input-border-width-field-error));--bm-state-layer-outline-style:dashed}.bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon);z-index:1}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon-drag)}.bm-file-upload-dropzone__text{color:var(--bm-comp-file-upload-color-dropzone-text);text-align:center;font:var(--bm-comp-file-upload-typo-dropzone);z-index:1}.bm-file-upload-dropzone__link{color:var(--bm-sem-color-link-primary)}.bm-file-upload-dropzone:-webkit-any(:hover,.bm-file-upload-dropzone--dragging):not(:-webkit-any(:disabled,.bm-file-upload-dropzone--disabled)) .bm-file-upload-dropzone__link{text-decoration:underline}.bm-file-upload-dropzone:-moz-any(:hover,.bm-file-upload-dropzone--dragging):not(:-moz-any(:disabled,.bm-file-upload-dropzone--disabled)) .bm-file-upload-dropzone__link{text-decoration:underline}.bm-file-upload-dropzone:is(:hover,.bm-file-upload-dropzone--dragging):not(:is(:disabled,.bm-file-upload-dropzone--disabled)) .bm-file-upload-dropzone__link{text-decoration:underline}
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-file-upload-color-dropzone-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-file-upload-color-dropzone-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-file-upload-color-dropzone-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-file-upload-color-dropzone-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-file-upload-color-dropzone-bg-drag:var(--bm-sem-color-surface-selected,#e9fcff);--bm-comp-file-upload-color-dropzone-border-drag:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-file-upload-color-dropzone-icon-drag:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-file-upload-color-file-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-file-upload-color-file-name:var(--bm-sem-color-text-primary,#141d24);--bm-comp-file-upload-color-file-detail:var(--bm-sem-color-text-secondary,#576775);--bm-comp-file-upload-color-file-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-file-upload-color-file-icon-success:var(--bm-sem-color-icon-positive-strong,#187c36);--bm-comp-file-upload-color-file-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-file-upload-space-file-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-file-gap:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-file-gap-inner:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-lg-y:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-dropzone-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-gap:var(--bm-sem-space-25,.25rem);--bm-comp-file-upload-space-dropzone-sm-y:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-md-y:var(--bm-sem-space-200,2rem);--bm-comp-file-upload-size-file-md-height:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-size-file-md-thumbnail:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-file-upload-size-file-lg-height:var(--bm-primitive-dimension-400,4rem);--bm-comp-file-upload-size-file-lg-thumbnail:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-radius-file:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-dropzone:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-thumbnail:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-border-width-dropzone-default:var(--bm-sem-border-width-md,.063rem);--bm-comp-file-upload-border-width-dropzone-drag:var(--bm-sem-border-width-lg,.125rem);--bm-comp-file-upload-typo-file:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-file-upload-typo-dropzone:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-file-upload-color-dropzone-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-file-upload-color-dropzone-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-file-upload-color-dropzone-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-file-upload-color-dropzone-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-file-upload-color-dropzone-bg-drag:var(--bm-sem-color-surface-selected,#01262d);--bm-comp-file-upload-color-dropzone-border-drag:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-file-upload-color-dropzone-icon-drag:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-file-upload-color-file-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-file-upload-color-file-name:var(--bm-sem-color-text-primary,#fff);--bm-comp-file-upload-color-file-detail:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-file-upload-color-file-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-file-upload-color-file-icon-success:var(--bm-sem-color-icon-positive-strong,#b3eb9e);--bm-comp-file-upload-color-file-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-file-upload-space-file-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-file-gap:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-file-gap-inner:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-md-y:var(--bm-sem-space-50,.5rem);--bm-comp-file-upload-space-file-lg-y:var(--bm-sem-space-75,.75rem);--bm-comp-file-upload-space-dropzone-x:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-gap:var(--bm-sem-space-25,.25rem);--bm-comp-file-upload-space-dropzone-sm-y:var(--bm-sem-space-100,1rem);--bm-comp-file-upload-space-dropzone-md-y:var(--bm-sem-space-200,2rem);--bm-comp-file-upload-size-file-md-height:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-size-file-md-thumbnail:var(--bm-primitive-dimension-150,1.5rem);--bm-comp-file-upload-size-file-lg-height:var(--bm-primitive-dimension-400,4rem);--bm-comp-file-upload-size-file-lg-thumbnail:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-file-upload-radius-file:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-dropzone:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-radius-thumbnail:var(--bm-sem-radius-sm,.25rem);--bm-comp-file-upload-border-width-dropzone-default:var(--bm-sem-border-width-md,.063rem);--bm-comp-file-upload-border-width-dropzone-drag:var(--bm-sem-border-width-lg,.125rem);--bm-comp-file-upload-typo-file:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-file-upload-typo-dropzone:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro")}.bm-file-upload{gap:var(--bm-sem-space-100);max-width:var(--bm-comp-input-size-field-width);flex-direction:column;width:100%;display:flex}.bm-file-upload--fluid{max-width:none}.bm-file-upload__uploader{flex-direction:column;gap:0;display:flex}.bm-file-upload-list{gap:var(--bm-sem-space-50);flex-direction:column;display:flex}.bm-file-upload-list-item{box-sizing:border-box;border-radius:var(--bm-comp-file-upload-radius-file);min-height:var(--bm-comp-file-upload-size-file-md-height);padding:var(--bm-comp-file-upload-space-file-md-y)var(--bm-comp-file-upload-space-file-x);gap:var(--bm-comp-file-upload-space-file-gap);background:var(--bm-comp-file-upload-color-file-bg);align-items:center;display:flex;position:relative;overflow:hidden}.bm-file-upload-list-item--uploading,.bm-file-upload-list-item--uploaded,.bm-file-upload-list-item--success{display:flex}.bm-file-upload-list-item--error{outline:var(--bm-sem-border-width-lg)solid var(--bm-sem-color-border-negative-strong);align-items:flex-start}.bm-file-upload-list-item--lg{min-height:var(--bm-comp-file-upload-size-file-lg-height);padding:var(--bm-comp-file-upload-space-file-lg-y)var(--bm-comp-file-upload-space-file-x)}.bm-file-upload-list-item__thumbnail{width:var(--bm-comp-file-upload-size-file-md-thumbnail);height:var(--bm-comp-file-upload-size-file-md-thumbnail);border-radius:var(--bm-comp-file-upload-radius-thumbnail);background-color:var(--bm-sem-color-surface-highlight);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.bm-file-upload-list-item--lg .bm-file-upload-list-item__thumbnail{width:var(--bm-comp-file-upload-size-file-lg-thumbnail);height:var(--bm-comp-file-upload-size-file-lg-thumbnail)}.bm-file-upload-list-item__thumbnail img{object-fit:cover;width:100%;height:100%}.bm-file-upload-list-item__content{gap:var(--bm-comp-file-upload-space-file-gap-inner);flex-direction:row;flex:1 0 0;min-width:0;display:flex}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content,.bm-file-upload-list-item--error .bm-file-upload-list-item__content{align-items:flex-start}.bm-file-upload-list-item__content-start{align-items:center;gap:var(--bm-comp-file-upload-space-file-gap-inner);flex-direction:row;flex:1 0 0;min-width:0;display:flex}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content-start,.bm-file-upload-list-item--error .bm-file-upload-list-item__content-start{flex-direction:column;flex:1;align-items:flex-start;gap:0}.bm-file-upload-list-item__content-end{gap:var(--bm-comp-file-upload-space-file-gap-inner);align-items:center;display:flex}.bm-file-upload-list-item__filename{white-space:nowrap;text-overflow:ellipsis;color:var(--bm-comp-file-upload-color-file-name);font:var(--bm-comp-file-upload-typo-file);max-width:100%;margin:0;padding:0;overflow:hidden}.bm-file-upload-list-item__size{color:var(--bm-comp-file-upload-color-file-detail);font:var(--bm-comp-file-upload-typo-file);flex-shrink:0;margin:0;padding:0}.bm-file-upload-list-item--error .bm-file-upload-list-item__size{display:none}.bm-file-upload-list-item__status{flex-shrink:0;justify-content:center;align-items:center;display:flex}.bm-file-upload-list-item__status bm-icon,.bm-file-upload-list-item__remove{display:flex}.bm-file-upload-list-item__progress-bar{position:absolute;bottom:0;left:0;right:0}.bm-file-upload-list-item__error{--bm-comp-helper-text-space-top:0}.bm-file-upload-dropzone{padding:var(--bm-comp-file-upload-space-dropzone-md-y)var(--bm-comp-file-upload-space-dropzone-x);justify-content:center;align-items:center;gap:var(--bm-comp-file-upload-space-dropzone-gap);border-radius:var(--bm-comp-file-upload-radius-dropzone);background:var(--bm-comp-file-upload-color-dropzone-bg);flex-direction:column;flex-shrink:0;display:flex;position:relative}.bm-file-upload-dropzone:focus-visible{outline:none}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled){background:var(--bm-comp-file-upload-color-dropzone-bg-drag)}.bm-file-upload-dropzone--disabled{opacity:var(--bm-sem-opacity-disabled)}.bm-file-upload-dropzone:not(.bm-file-upload-dropzone--disabled){cursor:pointer}.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-opacity:1;--bm-state-layer-outline-style:dashed;--bm-state-layer-outline-offset:calc(-1*var(--bm-comp-file-upload-border-width-dropzone-default));--bm-state-layer-outline-color:var(--bm-comp-file-upload-color-dropzone-border);--bm-state-layer-outline-width:var(--bm-comp-file-upload-border-width-dropzone-default)}:focus-within>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-offset:0;--bm-state-layer-outline-style:solid;--bm-state-layer-outline-color:var(--bm-sem-color-border-focus);--bm-state-layer-outline-width:var(--bm-sem-border-width-focus)}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled)>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color:var(--bm-comp-file-upload-color-dropzone-border-drag);--bm-state-layer-outline-width:var(--bm-comp-file-upload-border-width-dropzone-drag);--bm-state-layer-outline-style:solid;--bm-state-layer-background:transparent}.bm-file-upload-dropzone--disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer,:disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-background:transparent;--bm-state-layer-opacity:1}.bm-file-upload-dropzone--error>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color:var(--bm-comp-input-color-border-error);--bm-state-layer-outline-width:var(--bm-comp-input-border-width-field-error);--bm-state-layer-outline-offset:calc(-1*var(--bm-comp-input-border-width-field-error));--bm-state-layer-outline-style:dashed}.bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon);z-index:1}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon-drag)}.bm-file-upload-dropzone__text{color:var(--bm-comp-file-upload-color-dropzone-text);text-align:center;font:var(--bm-comp-file-upload-typo-dropzone);z-index:1}.bm-file-upload-dropzone__link{color:var(--bm-sem-color-link-primary)}.bm-file-upload-dropzone:-webkit-any(:hover,.bm-file-upload-dropzone--dragging):not(:-webkit-any(:disabled,.bm-file-upload-dropzone--disabled)) .bm-file-upload-dropzone__link{text-decoration:underline}.bm-file-upload-dropzone:-moz-any(:hover,.bm-file-upload-dropzone--dragging):not(:-moz-any(:disabled,.bm-file-upload-dropzone--disabled)) .bm-file-upload-dropzone__link{text-decoration:underline}.bm-file-upload-dropzone:is(:hover,.bm-file-upload-dropzone--dragging):not(:is(:disabled,.bm-file-upload-dropzone--disabled)) .bm-file-upload-dropzone__link{text-decoration:underline}
|
package/assets/header.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-header-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-header-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-header-color-nav-item-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-header-color-nav-item-fg-selected:var(--bm-sem-color-text-primary,#141d24);--bm-comp-header-color-nav-item-indicator:var(--bm-
|
|
1
|
+
:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-header-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-header-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-header-color-nav-item-fg:var(--bm-sem-color-text-secondary,#576775);--bm-comp-header-color-nav-item-fg-selected:var(--bm-sem-color-text-primary,#141d24);--bm-comp-header-color-nav-item-indicator:var(--bm-sem-color-icon-selected,#00768f);--bm-comp-header-space-x:var(--bm-sem-space-100,1rem);--bm-comp-header-space-gap:var(--bm-sem-space-100,1rem);--bm-comp-header-space-nav-gap:var(--bm-sem-space-50,.5rem);--bm-comp-header-space-actions-gap:var(--bm-sem-space-100,1rem);--bm-comp-header-space-nav-item-x:var(--bm-sem-space-50,.5rem);--bm-comp-header-space-nav-item-gap:var(--bm-sem-space-50,.5rem);--bm-comp-header-space-sidenav-control-nudge:var(--bm-primitive-dimension-37,.375rem);--bm-comp-header-size-height:var(--bm-primitive-dimension-400,4rem);--bm-comp-header-size-nav-item-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-header-size-nav-item-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-header-size-nav-item-indicator:.188rem;--bm-comp-header-radius-nav-item:var(--bm-sem-radius-sm,.25rem);--bm-comp-header-radius-indicator:var(--bm-sem-radius-xs,.125rem);--bm-comp-header-nav-item-typo-default:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-header-nav-item-typo-selected:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-header-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-header-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-header-color-nav-item-fg:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-header-color-nav-item-fg-selected:var(--bm-sem-color-text-primary,#fff);--bm-comp-header-color-nav-item-indicator:var(--bm-sem-color-icon-selected,#43bfd6);--bm-comp-header-space-x:var(--bm-sem-space-100,1rem);--bm-comp-header-space-gap:var(--bm-sem-space-100,1rem);--bm-comp-header-space-nav-gap:var(--bm-sem-space-50,.5rem);--bm-comp-header-space-actions-gap:var(--bm-sem-space-100,1rem);--bm-comp-header-space-nav-item-x:var(--bm-sem-space-50,.5rem);--bm-comp-header-space-nav-item-gap:var(--bm-sem-space-50,.5rem);--bm-comp-header-space-sidenav-control-nudge:var(--bm-primitive-dimension-37,.375rem);--bm-comp-header-size-height:var(--bm-primitive-dimension-400,4rem);--bm-comp-header-size-nav-item-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-header-size-nav-item-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-header-size-nav-item-indicator:.188rem;--bm-comp-header-radius-nav-item:var(--bm-sem-radius-sm,.25rem);--bm-comp-header-radius-indicator:var(--bm-sem-radius-xs,.125rem);--bm-comp-header-nav-item-typo-default:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-header-nav-item-typo-selected:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}.bm-header{z-index:2;border-bottom:var(--bm-sem-border-width-md)solid var(--bm-comp-header-color-border);background:var(--bm-comp-header-color-bg);padding-inline:var(--bm-comp-header-space-x);height:var(--bm-comp-header-size-height);display:flex}.bm-header__menu-button-container{align-items:center;padding-inline-start:var(--bm-sem-space-25);display:flex}.bm-header__menu-button-container .bm-header__menu-button{height:-moz-fit-content;height:fit-content;margin-inline-end:var(--bm-comp-header-space-gap)}[dir=rtl] .bm-header__menu-button-container .bm-header__menu-button{transform:unset}@media screen and (min-width:1200px){[dir=rtl] .bm-header__menu-button-container .bm-header__menu-button{transform:rotateX(180deg)rotateY(180deg)}}.bm-header__content{justify-content:space-between;gap:var(--bm-comp-header-space-gap);flex:1;align-items:center;display:flex}.bm-header__nav-container{flex:1;display:flex}@media screen and (max-width:1199px){.bm-header__nav-container--mobile-enabled{display:none}}.bm-header__masthead{gap:var(--bm-sem-space-25);margin:var(--bm-sem-space-50)0;width:-moz-fit-content;width:fit-content;text-decoration:none;display:flex}.bm-header__masthead:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-header__masthead--content{align-items:center;gap:var(--bm-sem-space-25);display:flex}.bm-header__masthead--content:has(.bm-header__masthead--signal){gap:var(--bm-sem-space-75)}.bm-header__masthead--logo{padding-bottom:var(--bm-sem-space-75)}@media screen and (max-width:1200px){.bm-header__masthead{padding-inline-start:unset}}.bm-header__actions{align-items:center;gap:var(--bm-comp-header-space-actions-gap);display:flex}.bm-header__menu-button-icon__mobile,.bm-header__menu-button-icon__desktop,.bm-button__icon-wrap svg.bm-header__menu-button-icon__mobile{display:block}@media screen and (min-width:1200px){.bm-button__icon-wrap svg.bm-header__menu-button-icon__mobile{display:none}}.bm-button__icon-wrap svg.bm-header__menu-button-icon__desktop{display:none}@media screen and (min-width:1200px){.bm-button__icon-wrap svg.bm-header__menu-button-icon__desktop{display:block}}
|