@viasat/beam-react 2.42.0 → 2.43.1
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/FloatingUI.css +1 -1
- package/assets/Search.css +1 -1
- package/assets/TextField.css +1 -1
- package/assets/combobox.css +1 -1
- package/assets/panel.css +1 -1
- package/chunks/FloatingUI.arrow.DDrTOpE-.js +1 -0
- package/chunks/{FloatingUI.arrow.90ecVA1X.js → FloatingUI.arrow.DGlk005P.js} +8 -7
- package/chunks/panel.module.BzLGa7GY.js +1 -0
- package/chunks/{panel.module.CnHWv4EZ.js → panel.module.CgFBtvbR.js} +6 -6
- package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -1
- package/lib/Autocomplete/AutocompleteDropdown.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.arrow.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.arrow.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.es.js +1 -1
- package/lib/Search/SearchDropdown.cjs.js +1 -1
- package/lib/Search/SearchDropdown.es.js +1 -1
- package/lib/Select/SelectDropdown.cjs.js +1 -1
- package/lib/Select/SelectDropdown.es.js +1 -1
- package/lib/_Options/OptionChips.cjs.js +1 -1
- package/lib/_Options/OptionChips.es.js +3 -2
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.cjs.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.d.ts +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.d.ts +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.es.js +21 -20
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.d.ts +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.d.ts +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.d.ts +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.d.ts +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.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.es.js +35 -34
- package/lib/wip/Panel/Panel.Body.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Body.d.ts +1 -1
- package/lib/wip/Panel/Panel.Body.es.js +16 -14
- package/lib/wip/Panel/Panel.Inline.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Inline.d.ts +3 -3
- package/lib/wip/Panel/Panel.Inline.es.js +4 -4
- package/lib/wip/Panel/Panel.Overlay.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Overlay.d.ts +3 -3
- package/lib/wip/Panel/Panel.Overlay.es.js +83 -80
- 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.context.d.ts +12 -1
- package/lib/wip/Panel/Panel.d.ts +2 -2
- package/lib/wip/Panel/Panel.es.js +135 -120
- package/lib/wip/Panel/Panel.helpers.cjs.js +1 -1
- package/lib/wip/Panel/Panel.helpers.d.ts +3 -3
- package/lib/wip/Panel/Panel.helpers.es.js +19 -19
- package/lib/wip/Panel/Panel.types.d.ts +94 -92
- package/lib/wip/Panel/index.d.ts +1 -1
- package/package.json +6 -6
- package/chunks/FloatingUI.arrow.DR8hzVDP.js +0 -1
- package/chunks/panel.module.BVmRxZHo.js +0 -1
package/assets/FloatingUI.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bm-floatingui{z-index:999;inset:unset;width:max-content;position:absolute;top:0;left:0}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{transform-origin:bottom;position:absolute}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);z-index:1;justify-content:center;align-items:center;display:flex}.bm-floatingui__overlay--transparent{background:0 0}.bm-floatingui__overlay:has(.bm-dialog){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){top:0;bottom:0;left:0;right:0;position:absolute!important;overflow:clip!important}
|
|
1
|
+
.bm-floatingui{z-index:999;inset:unset;width:max-content;position:absolute;top:0;left:0}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{transform-origin:bottom;position:absolute}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);z-index:1;justify-content:center;align-items:center;display:flex}.bm-floatingui__overlay--transparent{background:0 0}.bm-floatingui__overlay:has(.bm-dialog){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]){transition:none}}.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal][data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){top:0;bottom:0;left:0;right:0;position:absolute!important;overflow:clip!important}.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])){pointer-events:none;background:0 0;overflow:clip}.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])) .bm-panel--overlay{pointer-events:auto}
|
package/assets/Search.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-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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-search{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);position:relative}.bm-search--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-search--sm .bm-search__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-sm);--bm-input-field-font:var(--bm-comp-input-typo-sm);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-sm)}.bm-search--md .bm-search__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-md);--bm-input-field-font:var(--bm-comp-input-typo-md);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-md)}.bm-search--lg .bm-search__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-lg);--bm-input-field-font:var(--bm-comp-input-typo-lg);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-lg)}.bm-search--fluid{max-width:100%}.bm-search__field{--bm-text-field-input-cursor:text;cursor:var(--bm-text-field-cursor,pointer);-webkit-user-select:none;user-select:none;font:var(--bm-input-field-font);min-height:var(--bm-input-field-height);align-items:center;gap:var(--bm-comp-input-space-field-gap);--bm-comp-icon-color:var(--bm-comp-input-color-icon);--bm-comp-icon-size:var(--bm-input-field-icon-size);flex-direction:row;display:flex;position:relative}.bm-search__field__input{align-items:center;gap:var(--bm-comp-input-space-field-gap);min-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-y));line-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-y));cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-input-field-font);background:0 0;border:0;outline:0;flex:1;width:100%;min-width:3rem;margin:0;padding:0;display:flex}.bm-search__field__input::-webkit-search-decoration{-webkit-appearance:none}.bm-search__field__input::-webkit-search-cancel-button{-webkit-appearance:none}.bm-search__field__input::-webkit-search-results-button{-webkit-appearance:none}.bm-search__field__input::-webkit-search-results-decoration{-webkit-appearance:none}.bm-search__field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-search--disabled,.bm-search--disabled .bm-search__field{--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-search--error .bm-search__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);--bm-comp-icon-color:var(--bm-comp-input-color-icon)}.bm-search--read-only .bm-search__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-comp-icon-color:var(--bm-comp-input-color-icon)}.bm-search--read-only .bm-search__field .bm-search__content svg,.bm-search--read-only .bm-search__field .bm-search__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-search--disabled .bm-search__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-comp-icon-color:var(--bm-comp-input-color-icon-disabled)}.bm-search--disabled .bm-search__field .bm-search__content{opacity:var(--bm-sem-opacity-disabled)}.bm-search--disabled .bm-search__field .bm-search__content svg,.bm-search--disabled .bm-search__field .bm-search__content ::slotted([slot*=content]),.bm-search--disabled .bm-search__field .bm-search__field__input,.bm-search--disabled .bm-search__field .bm-search__field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-search__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-input-field-padding-y);padding-inline:var(--bm-input-field-padding-x);min-height:var(--bm-input-field-height)}.bm-search__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-search__field__spinner{display:flex}.bm-search__field .bm-search__content{color:var(--bm-comp-input-color-text-placeholder);align-items:center;display:flex}.bm-search__field .bm-search__content svg,.bm-search__field .bm-search__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-primitive-dimension-100)}.bm-search__field .bm-search__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}.bm-search__dropdown{padding-block:var(--bm-sem-space-50)}.bm-search__results__view-all{color:var(--bm-sem-color-link-primary)}.bm-search__results__view-all .bm-action-list__item__content-before{--bm-comp-icon-color:var(--bm-sem-color-link-primary)}.bm-search__results__view-all--group{min-height:unset;padding:var(--bm-sem-space-25)0;font:var(--bm-sem-typo-body-xs)}
|
|
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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-search{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);position:relative}.bm-search--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-search--sm .bm-search__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-sm);--bm-input-field-font:var(--bm-comp-input-typo-sm);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-sm)}.bm-search--md .bm-search__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-md);--bm-input-field-font:var(--bm-comp-input-typo-md);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-md)}.bm-search--lg .bm-search__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-lg);--bm-input-field-font:var(--bm-comp-input-typo-lg);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-lg)}.bm-search--fluid{max-width:100%}.bm-search__field{--bm-text-field-input-cursor:text;cursor:var(--bm-text-field-cursor,pointer);-webkit-user-select:none;user-select:none;font:var(--bm-input-field-font);min-height:var(--bm-input-field-height);align-items:center;gap:var(--bm-comp-input-space-field-gap);--bm-comp-icon-color:var(--bm-comp-input-color-icon);--bm-comp-icon-size:var(--bm-input-field-icon-size);flex-direction:row;display:flex;position:relative}.bm-search__field__input{align-items:center;gap:var(--bm-comp-input-space-field-gap);min-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-y));line-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-y));cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-input-field-font);background:0 0;border:0;outline:0;flex:1;width:100%;min-width:3rem;margin:0;padding:0;display:flex}.bm-search__field__input::-webkit-search-decoration{-webkit-appearance:none}.bm-search__field__input::-webkit-search-cancel-button{-webkit-appearance:none}.bm-search__field__input::-webkit-search-results-button{-webkit-appearance:none}.bm-search__field__input::-webkit-search-results-decoration{-webkit-appearance:none}.bm-search__field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-search--disabled,.bm-search--disabled .bm-search__field{--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-search--error .bm-search__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);--bm-comp-icon-color:var(--bm-comp-input-color-icon)}.bm-search--read-only .bm-search__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-comp-icon-color:var(--bm-comp-input-color-icon)}.bm-search--read-only .bm-search__field .bm-search__content svg,.bm-search--read-only .bm-search__field .bm-search__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-search--disabled .bm-search__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-comp-icon-color:var(--bm-comp-input-color-icon-disabled)}.bm-search--disabled .bm-search__field .bm-search__content{opacity:var(--bm-sem-opacity-disabled)}.bm-search--disabled .bm-search__field .bm-search__content svg,.bm-search--disabled .bm-search__field .bm-search__content ::slotted([slot*=content]),.bm-search--disabled .bm-search__field .bm-search__field__input,.bm-search--disabled .bm-search__field .bm-search__field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-search__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-input-field-padding-y);padding-inline:var(--bm-input-field-padding-x);min-height:var(--bm-input-field-height)}.bm-search__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-search__field__spinner{display:flex}.bm-search__field .bm-search__content{color:var(--bm-comp-input-color-text-placeholder);align-items:center;display:flex}.bm-search__field .bm-search__content svg,.bm-search__field .bm-search__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-sem-size-icon-sm)}.bm-search__field .bm-search__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}.bm-search__dropdown{padding-block:var(--bm-sem-space-50)}.bm-search__results__view-all{color:var(--bm-sem-color-link-primary)}.bm-search__results__view-all .bm-action-list__item__content-before{--bm-comp-icon-color:var(--bm-sem-color-link-primary)}.bm-search__results__view-all--group{min-height:unset;padding:var(--bm-sem-space-25)0;font:var(--bm-sem-typo-body-xs)}
|
package/assets/TextField.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-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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-text-field{--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)}.bm-text-field--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-text-field--sm .bm-text-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-sm);--bm-input-field-font:var(--bm-comp-input-typo-sm);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-md);--bm-input-field-font:var(--bm-comp-input-typo-md);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-md)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-lg);--bm-input-field-font:var(--bm-comp-input-typo-lg);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-lg)}.bm-text-field--error .bm-text-field__field{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-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input,.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bm-text-field__field{box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor,default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y)var(--bm-input-field-padding-x);flex-wrap:nowrap;display:flex}.bm-text-field__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-text-field__field .bm-text-field__input{width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor,text);background:0 0;border:none;outline:none}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height)var(--bm-comp-input-color-bg)inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{align-items:center;display:flex}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-primitive-dimension-100)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}
|
|
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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-text-field{--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)}.bm-text-field--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-text-field--sm .bm-text-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-sm);--bm-input-field-font:var(--bm-comp-input-typo-sm);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-md);--bm-input-field-font:var(--bm-comp-input-typo-md);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-md)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-lg);--bm-input-field-font:var(--bm-comp-input-typo-lg);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-lg)}.bm-text-field--error .bm-text-field__field{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-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input,.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bm-text-field__field{box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor,default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y)var(--bm-input-field-padding-x);flex-wrap:nowrap;display:flex}.bm-text-field__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-text-field__field .bm-text-field__input{width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor,text);background:0 0;border:none;outline:none}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height)var(--bm-comp-input-color-bg)inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{align-items:center;display:flex}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-sem-size-icon-sm)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}
|
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-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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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--sm .bm-combobox__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-sm);--bm-input-field-font:var(--bm-comp-input-typo-sm);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-sm)}.bm-combobox--md .bm-combobox__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-md);--bm-input-field-font:var(--bm-comp-input-typo-md);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-md)}.bm-combobox--lg .bm-combobox__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-lg);--bm-input-field-font:var(--bm-comp-input-typo-lg);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-lg)}.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-input-field-font);min-height:var(--bm-input-field-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-input-field-icon-size);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-input-field-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-input-field-padding-y));line-height:calc(var(--bm-input-field-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-input-field-padding-y));flex:none;display:flex}.bm-combobox__field__input{min-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-y));line-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-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__content-before svg,.bm-combobox__field__content-before ::slotted([slot*=content]),.bm-combobox__field__content-after svg,.bm-combobox__field__content-after ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-primitive-dimension-100)}.bm-combobox__field__content-before .bm-icon,.bm-combobox__field__content-after .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}.bm-combobox__field__input{cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-input-field-font);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-input-field-padding-y);padding-inline:var(--bm-input-field-padding-x)calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-input-field-padding-x));min-height:var(--bm-input-field-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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg: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-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--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-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg: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--sm .bm-combobox__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-sm);--bm-input-field-font:var(--bm-comp-input-typo-sm);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-sm)}.bm-combobox--md .bm-combobox__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-md);--bm-input-field-font:var(--bm-comp-input-typo-md);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-md)}.bm-combobox--lg .bm-combobox__field{--bm-input-field-height:var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y:var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x:var(--bm-comp-input-space-field-x-lg);--bm-input-field-font:var(--bm-comp-input-typo-lg);--bm-input-field-icon-size:var(--bm-comp-input-size-field-icon-lg)}.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-input-field-font);min-height:var(--bm-input-field-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-input-field-icon-size);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-input-field-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-padding-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-input-field-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-input-field-padding-y));line-height:calc(var(--bm-input-field-height) - 2*var(--bm-comp-input-border-width-field-default) - 2*var(--bm-input-field-padding-y));flex:none;display:flex}.bm-combobox__field__input{min-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-y));line-height:calc(var(--bm-input-field-height) - 2*var(--bm-input-field-padding-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__content-before svg,.bm-combobox__field__content-before ::slotted([slot*=content]),.bm-combobox__field__content-after svg,.bm-combobox__field__content-after ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-sem-size-icon-sm)}.bm-combobox__field__content-before .bm-icon,.bm-combobox__field__content-after .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}.bm-combobox__field__input{cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-input-field-font);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-input-field-padding-y);padding-inline:var(--bm-input-field-padding-x)calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-input-field-padding-x));min-height:var(--bm-input-field-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/panel.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-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}: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-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-comp-panel-color-bg);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:var(--bm-comp-panel-size,auto);max-height:var(--bm-comp-panel-size,90dvh);bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--contained{position:absolute}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-size,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel--size-lg{--bm-comp-panel-size:var(--bm-comp-panel-size-lg)}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--inline.bm-panel--position-bottom{height:var(--bm-comp-panel-size,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-size,var(--bm-comp-panel-size-md))}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=open]{transition:none}}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=close]{transition:none}}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=open]{transition:none}}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=close]{transition:none}}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=open]{transition:none}}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=close]{transition:none}}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--size-lg{--bm-comp-panel-size:var(--bm-comp-panel-size-lg)}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status]{transition:none}}.bm-panel__inline-wrapper[data-status=open]{width:var(--bm-comp-panel-size,var(--bm-comp-panel-size-md));transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status=open]{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%;transition:none}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper-content{height:100%}
|
|
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-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}: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-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-comp-panel-color-bg);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto);max-height:var(--bm-comp-panel-height,90dvh);bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--contained{position:absolute}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-sem-typo-body-sm);color:var(--bm-sem-color-text-primary);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--inline.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md))}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-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:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle: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:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=open]{transition:none}}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=close]{transition:none}}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=open]{transition:none}}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=close]{transition:none}}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=open]{transition:none}}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=close]{transition:none}}.bm-panel--overlay[data-status=close]{box-shadow:var(--bm-sem-shadow-none);transition-property:transform,box-shadow;transition-duration:.4s;transition-timing-function:ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-status=close]{transition:none}}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status]{transition:none}}.bm-panel__inline-wrapper[data-status=open]{width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md));transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status=open]{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%;transition:none}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper-content{height:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _=require("../assets/FloatingUI.css");const c=require("react/jsx-runtime"),f=require("./classNames.DC8Ra4sw.js");require("./constants.CgMu0_1M.js");const b=require("clsx"),a=require("react"),e={"bm-floatingui":"bm-floatingui","bm-floatingui__arrow":"bm-floatingui__arrow","bm-floatingui__overlay":"bm-floatingui__overlay","bm-floatingui__overlay--transparent":"bm-floatingui__overlay--transparent","bm-dialog":"bm-dialog","bm-panel--overlay":"bm-panel--overlay","bm-panel--contained":"bm-panel--contained"},g=a.forwardRef(({options:r,middleware:n},o)=>{const{subElementClassPrefix:t}=f.getBEMClassNames("floatingui"),{className:l,hide:i}=r,s=b(e[`${t}arrow`],l),u=a.useRef(null),m=o||u;return i?null:c.jsx("span",{ref:m,style:n.arrowStyles,className:s})});exports.Arrow=g;exports.floatinguiStyles=e;
|
|
@@ -2,27 +2,28 @@ import "../assets/FloatingUI.css";
|
|
|
2
2
|
import { jsx as f } from "react/jsx-runtime";
|
|
3
3
|
import { g as u } from "./classNames.ZWNk1hey.js";
|
|
4
4
|
import "./constants.Cruz2A1w.js";
|
|
5
|
-
import
|
|
5
|
+
import b from "clsx";
|
|
6
6
|
import a from "react";
|
|
7
|
-
const
|
|
7
|
+
const g = {
|
|
8
8
|
"bm-floatingui": "bm-floatingui",
|
|
9
9
|
"bm-floatingui__arrow": "bm-floatingui__arrow",
|
|
10
10
|
"bm-floatingui__overlay": "bm-floatingui__overlay",
|
|
11
11
|
"bm-floatingui__overlay--transparent": "bm-floatingui__overlay--transparent",
|
|
12
12
|
"bm-dialog": "bm-dialog",
|
|
13
|
+
"bm-panel--overlay": "bm-panel--overlay",
|
|
13
14
|
"bm-panel--contained": "bm-panel--contained"
|
|
14
|
-
},
|
|
15
|
-
const { subElementClassPrefix:
|
|
15
|
+
}, v = a.forwardRef(({ options: o, middleware: r }, t) => {
|
|
16
|
+
const { subElementClassPrefix: l } = u("floatingui"), { className: e, hide: n } = o, i = b(g[`${l}arrow`], e), s = a.useRef(null), m = t || s;
|
|
16
17
|
return n ? null : /* @__PURE__ */ f(
|
|
17
18
|
"span",
|
|
18
19
|
{
|
|
19
20
|
ref: m,
|
|
20
21
|
style: r.arrowStyles,
|
|
21
|
-
className:
|
|
22
|
+
className: i
|
|
22
23
|
}
|
|
23
24
|
);
|
|
24
25
|
});
|
|
25
26
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
v as A,
|
|
28
|
+
g as f
|
|
28
29
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var n=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--position-start":"bm-panel--position-start","bm-panel--position-end":"bm-panel--position-end","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--contained":"bm-panel--contained","bm-panel--floating":"bm-panel--floating","bm-panel--width-sm":"bm-panel--width-sm","bm-panel--width-md":"bm-panel--width-md","bm-panel--width-lg":"bm-panel--width-lg","bm-panel__body":"bm-panel__body","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__footer":"bm-panel__footer","bm-panel--padding-md":"bm-panel--padding-md","bm-panel__header__row":"bm-panel__header__row","bm-panel__header__content-before":"bm-panel__header__content-before","bm-panel__header__content-after":"bm-panel__header__content-after","bm-panel__header__heading":"bm-panel__header__heading","bm-panel__header__description":"bm-panel__header__description","bm-panel__header__close-button":"bm-panel__header__close-button","bm-panel__footer__actions":"bm-panel__footer__actions","bm-panel__footer__actions--start":"bm-panel__footer__actions--start","bm-panel__footer__actions--end":"bm-panel__footer__actions--end","bm-panel__footer__actions--spaceBetween":"bm-panel__footer__actions--spaceBetween","bm-panel__footer__actions--stacked":"bm-panel__footer__actions--stacked","bm-panel__overlay-divider":"bm-panel__overlay-divider","bm-panel__overlay-divider--start":"bm-panel__overlay-divider--start","bm-panel__overlay-divider--end":"bm-panel__overlay-divider--end","bm-panel__overlay-divider--bottom":"bm-panel__overlay-divider--bottom","bm-panel__resize-handle":"bm-panel__resize-handle","bm-panel--resizable":"bm-panel--resizable","bm-panel__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper--width-sm":"bm-panel__inline-wrapper--width-sm","bm-panel__inline-wrapper--width-md":"bm-panel__inline-wrapper--width-md","bm-panel__inline-wrapper--width-lg":"bm-panel__inline-wrapper--width-lg","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content"};exports.styles=e;
|
|
@@ -13,9 +13,9 @@ const n = {
|
|
|
13
13
|
"bm-panel--position-bottom": "bm-panel--position-bottom",
|
|
14
14
|
"bm-panel--contained": "bm-panel--contained",
|
|
15
15
|
"bm-panel--floating": "bm-panel--floating",
|
|
16
|
-
"bm-panel--
|
|
17
|
-
"bm-panel--
|
|
18
|
-
"bm-panel--
|
|
16
|
+
"bm-panel--width-sm": "bm-panel--width-sm",
|
|
17
|
+
"bm-panel--width-md": "bm-panel--width-md",
|
|
18
|
+
"bm-panel--width-lg": "bm-panel--width-lg",
|
|
19
19
|
"bm-panel__body": "bm-panel__body",
|
|
20
20
|
"bm-panel--padding-sm": "bm-panel--padding-sm",
|
|
21
21
|
"bm-panel__header": "bm-panel__header",
|
|
@@ -39,9 +39,9 @@ const n = {
|
|
|
39
39
|
"bm-panel__resize-handle": "bm-panel__resize-handle",
|
|
40
40
|
"bm-panel--resizable": "bm-panel--resizable",
|
|
41
41
|
"bm-panel__inline-wrapper": "bm-panel__inline-wrapper",
|
|
42
|
-
"bm-panel__inline-wrapper--
|
|
43
|
-
"bm-panel__inline-wrapper--
|
|
44
|
-
"bm-panel__inline-wrapper--
|
|
42
|
+
"bm-panel__inline-wrapper--width-sm": "bm-panel__inline-wrapper--width-sm",
|
|
43
|
+
"bm-panel__inline-wrapper--width-md": "bm-panel__inline-wrapper--width-md",
|
|
44
|
+
"bm-panel__inline-wrapper--width-lg": "bm-panel__inline-wrapper--width-lg",
|
|
45
45
|
"bm-panel__inline-wrapper-content": "bm-panel__inline-wrapper-content"
|
|
46
46
|
};
|
|
47
47
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),O=require("../../chunks/popover.module.DGUJIXrP.js");require("../_Options/Option.context.cjs.js");const w=require("../_Options/Option.cjs.js");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=a.getBEMClassNames("popover"),L=[w.Option],T=({setOpen:o,isMounted:n,status:l,nodeId:u,context:c,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:p,setFloating:f,disabled:m,readOnly:F,theme:t,className:_,children:b,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&o(!1)},[i,r,o]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:u,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:c,modal:!1,initialFocus:0,disabled:m||F,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(t&&P.themeClassName(t),A.floatinguiStyles[M],O.popoverStyles[S],_),...d(),style:q,ref:f,children:e.jsx(v.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:p,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:b})})})})})}):null};exports.AutocompleteDropdown=T;
|
|
@@ -6,7 +6,7 @@ import { g as a } from "../../chunks/classNames.ZWNk1hey.js";
|
|
|
6
6
|
import { t as O } from "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { ActionListContextProvider as S } from "../ActionList/ActionList.context.es.js";
|
|
8
8
|
import { useCallback as T } from "react";
|
|
9
|
-
import { f as j } from "../../chunks/FloatingUI.arrow.
|
|
9
|
+
import { f as j } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
10
10
|
import { p as D } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
11
11
|
import "../_Options/Option.context.es.js";
|
|
12
12
|
import { Option as E } from "../_Options/Option.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js");require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");require("clsx");require("react");exports.Arrow=r.Arrow;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import { A as a } from "../../chunks/FloatingUI.arrow.
|
|
2
|
+
import { A as a } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
3
3
|
import "../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
5
5
|
import "clsx";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),d=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const b=require("clsx"),c=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),d=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const b=require("clsx"),c=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),w=require("../Box/Box.cjs.js");function N({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean"?{}:e;return a.jsx(i.FloatingPortal,{...t,children:o})}function S({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean",r=e==="transparent",{baseClassNamePrefix:l,classModifierPrefix:f}=m.getBEMClassNames("floatingui__overlay"),u={className:b(c.floatinguiStyles[l],r&&c.floatinguiStyles[`${f}transparent`]),lockScroll:!0},s=t||r?u:{...u,...e};return a.jsx(i.FloatingOverlay,{...s,children:o})}function v({children:o,context:e,props:t}){const r=d.useMemo(()=>({context:e,...typeof t=="boolean"?{}:t}),[e,t]);return t?a.jsx(i.FloatingFocusManager,{...r,children:o}):o}const y=d.forwardRef(({children:o,className:e,style:t,overlay:r,skipFloatingStyles:l=!1,...f},u)=>{const{context:s,nodeId:C,arrow:g,...n}=x.useBmFloatingUIContext(),P=i.useMergeRefs([n.refs.setFloating,u]),{isMounted:j,status:F}=i.useTransitionStatus(s,n.transitionConfig),{baseClassNamePrefix:_}=m.getBEMClassNames("floatingui"),I=l?e:b(c.floatinguiStyles[_],e),M=d.useMemo(()=>({...l?{}:s.floatingStyles,...x.visibilityHandler(s.middlewareData),...t}),[s.floatingStyles,s.middlewareData,l,t]);return j?a.jsx(i.FloatingNode,{id:C,children:a.jsx(N,{props:n.portalled,children:a.jsx(S,{props:r,children:a.jsx(v,{context:s,props:n.focusConfiguration,children:a.jsxs(w.Box,{"data-status":F,ref:P,style:M,className:I,"aria-labelledby":n.labelId,"aria-describedby":n.descriptionId,...n.getFloatingProps(f),children:[o,g&&a.jsx(c.Arrow,{options:g,middleware:n.middlewareData,ref:q=>n.setArrowEl(q)})]})})})})}):null});exports.Content=y;exports.default=y;
|
|
@@ -5,7 +5,7 @@ import { useMergeRefs as R, useTransitionStatus as S, FloatingNode as A, Floatin
|
|
|
5
5
|
import { g as m } from "../../chunks/classNames.ZWNk1hey.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import u from "clsx";
|
|
8
|
-
import { f as d, A as _ } from "../../chunks/FloatingUI.arrow.
|
|
8
|
+
import { f as d, A as _ } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
9
9
|
import { Box as h } from "../Box/Box.es.js";
|
|
10
10
|
function j({
|
|
11
11
|
children: o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DC8Ra4sw.js"),g=require("../../chunks/constants.CgMu0_1M.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.NCxpem4D.js"),h=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DC8Ra4sw.js"),g=require("../../chunks/constants.CgMu0_1M.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.NCxpem4D.js"),h=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:r,className:x,children:C,activeIndex:f})=>{const _=N.useCallback(()=>o(!1),[o]);return l?s.jsx(d.FloatingPortal,{children:s.jsx(p.Box,{className:b(r&&g.themeClassName(r),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(q.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:_,labelsRef:n,elementsRef:c,activeIndex:f,children:C})})}):null};exports.SearchDropdown=v;
|
|
@@ -7,7 +7,7 @@ import { t as g } from "../../chunks/constants.Cruz2A1w.js";
|
|
|
7
7
|
import { ActionListContextProvider as h } from "../ActionList/ActionList.context.es.js";
|
|
8
8
|
import { useCallback as b } from "react";
|
|
9
9
|
import { R as o, s as y } from "../../chunks/Search.Results.xnCZAijW.js";
|
|
10
|
-
import { f as v } from "../../chunks/FloatingUI.arrow.
|
|
10
|
+
import { f as v } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
11
11
|
import { p as w } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
12
12
|
const { baseClassNamePrefix: B } = e("floatingui"), { baseClassNamePrefix: k } = e("popover"), { subElementClassPrefix: I } = e("search"), S = [o, o.Item, o.ViewAll], q = ({
|
|
13
13
|
setOpen: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),w=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:A}=a.getBEMClassNames("popover"),L=[v.Option],T=({setOpen:t,isMounted:n,status:l,nodeId:c,context:u,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:f,setFloating:p,disabled:F,readOnly:_,theme:o,className:b,children:m,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&t(!1)},[i,r,t]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:c,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:u,modal:!1,initialFocus:0,disabled:F||_,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(o&&P.themeClassName(o),O.floatinguiStyles[M],w.popoverStyles[A],b),...d(),style:q,ref:p,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:f,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:m})})})})})}):null};exports.SelectDropdown=T;
|
|
@@ -14,7 +14,7 @@ import "../../chunks/form.context.cEuTL68U.js";
|
|
|
14
14
|
import "../Form/contexts/label.context.es.js";
|
|
15
15
|
import "../Form/contexts/helperText.context.es.js";
|
|
16
16
|
import { ActionListContextProvider as A } from "../ActionList/ActionList.context.es.js";
|
|
17
|
-
import { f as D } from "../../chunks/FloatingUI.arrow.
|
|
17
|
+
import { f as D } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
18
18
|
import { p as E } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
19
19
|
const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } = a("popover"), z = [T], er = ({
|
|
20
20
|
setOpen: e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),x=require("../Chips/Chip.cjs.js"),h=require("../Chips/ChipGroup.cjs.js"),c=require("../../chunks/combobox.module.C1rGhvKM.js"),q=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const{subElementClassPrefix:d}=q.getBEMClassNames("combobox"),m=({multiple:
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),x=require("../Chips/Chip.cjs.js"),h=require("../Chips/ChipGroup.cjs.js"),c=require("../../chunks/combobox.module.C1rGhvKM.js"),q=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const{subElementClassPrefix:d}=q.getBEMClassNames("combobox"),m=({multiple:a,disabled:i,readOnly:C,selectedOptions:_,deselectOptionValue:b,chipGroupProps:e,input:u})=>{const r=h.ChipGroup;return n.jsxs(r,{gap:"25",...e,className:c.styles[`${d}field__chips`],children:[a&&_.map(({label:o,value:s})=>{var t,l;return n.jsx(x.Chip,{className:c.styles[`${d}field__chip`],id:s,size:"sm",ellipse:!0,noTabIndex:!0,dismissible:!i&&!C,onDismiss:()=>b(s),disabled:i,checked:(t=e==null?void 0:e.selectedChips)==null?void 0:t.includes(s??""),"aria-selected":((l=e==null?void 0:e.selectedChips)==null?void 0:l.includes(s??""))||void 0,children:o},s)}),u]})};exports.OptionChips=m;exports.default=m;
|
|
@@ -2,9 +2,9 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { Chip as b } from "../Chips/Chip.es.js";
|
|
3
3
|
import { ChipGroup as _ } from "../Chips/ChipGroup.es.js";
|
|
4
4
|
import { s as n } from "../../chunks/combobox.module.BZdcyXni.js";
|
|
5
|
-
import { g
|
|
5
|
+
import { g } from "../../chunks/classNames.ZWNk1hey.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
|
-
const { subElementClassPrefix: l } =
|
|
7
|
+
const { subElementClassPrefix: l } = g("combobox"), z = ({
|
|
8
8
|
multiple: d,
|
|
9
9
|
disabled: i,
|
|
10
10
|
readOnly: a,
|
|
@@ -15,6 +15,7 @@ const { subElementClassPrefix: l } = N("combobox"), z = ({
|
|
|
15
15
|
}) => /* @__PURE__ */ o(
|
|
16
16
|
_,
|
|
17
17
|
{
|
|
18
|
+
gap: "25",
|
|
18
19
|
...e,
|
|
19
20
|
className: n[`${l}field__chips`],
|
|
20
21
|
children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const e=require("../../../../chunks/panel.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const e=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:m}=u.getBEMClassNames("panel"),t=({layout:n="end",children:o,className:a,...c})=>{const s=`${m}footer__actions`,r=i(e.styles[s],e.styles[`${s}--${n}`],a);return l.jsx("div",{className:r,...c,children:o})};t.displayName="Panel.Footer.Actions";exports.Actions=t;
|
|
@@ -6,7 +6,7 @@ export interface PanelFooterActionsProps extends ComponentPropsWithoutRef<'div'>
|
|
|
6
6
|
*/
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
/**
|
|
9
|
-
* Specify the
|
|
9
|
+
* Specify how the actions are arranged in the footer
|
|
10
10
|
* @default 'end'
|
|
11
11
|
*/
|
|
12
12
|
layout?: FooterActionLayout;
|
|
@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import i from "clsx";
|
|
3
3
|
import { g as c } from "../../../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../../../chunks/constants.Cruz2A1w.js";
|
|
5
|
-
import { s as o } from "../../../../chunks/panel.module.
|
|
5
|
+
import { s as o } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
6
6
|
const { subElementClassPrefix: l } = c("panel"), p = ({
|
|
7
7
|
layout: t = "end",
|
|
8
8
|
children: a,
|