@viasat/beam-react 2.21.1 → 2.23.0

package/assets/Search.css

@@ -1 +1 @@
-:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-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--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-comp-input-typo-default);min-height:var(--bm-comp-input-size-field-md-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-comp-input-size-field-icon);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-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));line-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-comp-input-typo-default);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-comp-input-space-field-y);padding-inline:var(--bm-comp-input-space-field-x);min-height:var(--bm-comp-input-size-field-md-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 .bm-search__content{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);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}.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)}
+:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-utility-color-accent-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-default:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-md-height:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-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--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-comp-input-typo-default);min-height:var(--bm-comp-input-size-field-md-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-comp-input-size-field-icon);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-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));line-height:calc(var(--bm-comp-input-size-field-md-height) - 2*var(--bm-comp-input-space-field-y));cursor:var(--bm-text-field-input-cursor,pointer);text-overflow:ellipsis;font:var(--bm-comp-input-typo-default);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-comp-input-space-field-y);padding-inline:var(--bm-comp-input-space-field-x);min-height:var(--bm-comp-input-size-field-md-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);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}.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/panel.css

@@ -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-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-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-sem-color-surface-01);flex-direction:column;width:20rem;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{box-shadow:var(--bm-comp-panel-shadow);position:fixed}.bm-panel--overlay.bm-panel--position-start{top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:auto;bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--position-full{top:0;bottom:0;left:0;right:0}.bm-panel--size-full{width:100%}.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--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}.bm-panel--overlay[data-position=full]{opacity:0}.bm-panel--overlay[data-position=full][data-status=open]{opacity:1;transition:opacity .4s ease-out}.bm-panel--overlay[data-position=full][data-status=close]{transition:opacity .4s ease-in}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}.bm-panel__inline-wrapper[data-status=open]{width:20rem;transition:width .4s ease-out}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}.bm-panel__inline-wrapper--full[data-status=open]{width:100%}.bm-panel__inline-wrapper-content{height:100%}
+: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-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-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-sem-color-surface-01);flex-direction:column;width:20rem;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{top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:auto;max-height:90dvh;bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--position-bottom.bm-panel--size-full{height:100dvh;max-height:none}.bm-panel--overlay.bm-panel--position-full{top:0;bottom:0;left:0;right:0}.bm-panel--size-full{width:100%}.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--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}.bm-panel--overlay[data-position=full]{opacity:0}.bm-panel--overlay[data-position=full][data-status=open]{opacity:1;transition:opacity .4s ease-out}.bm-panel--overlay[data-position=full][data-status=close]{transition:opacity .4s ease-in}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}.bm-panel__inline-wrapper[data-status=open]{width:20rem;transition:width .4s ease-out}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}.bm-panel__inline-wrapper--full[data-status=open]{width:100%}.bm-panel__inline-wrapper-content{height:100%}

package/chunks/Search.Results.BM9NkYBp.js

@@ -0,0 +1 @@
+var L=require("../assets/Search.css");const c=require("react/jsx-runtime"),a=require("react"),m=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const b=require("clsx"),w=require("../lib/wip/Search/Search.Results.Item.cjs.js"),u=require("../lib/ActionList/ActionList.cjs.js"),x=require("../lib/Icon/Icon.cjs.js");function R(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const _=R(a),d=e=>_.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-search":"bm-search","bm-search--disabled":"bm-search--disabled","bm-search--fluid":"bm-search--fluid","bm-search__field":"bm-search__field","bm-search__field__input":"bm-search__field__input","bm-search--error":"bm-search--error","bm-search--read-only":"bm-search--read-only","bm-search__content":"bm-search__content","bm-search__field__spinner":"bm-search__field__spinner","bm-search__dropdown":"bm-search__dropdown","bm-search__results__view-all":"bm-search__results__view-all","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-search__results__view-all--group":"bm-search__results__view-all--group"},{baseClassNamePrefix:N,classModifierPrefix:S}=m.getBEMClassNames("search__results__view-all"),h=a.forwardRef(({children:e,onClick:r,variant:s,as:t="div",className:f,...p},v)=>{const g=a.useContext(i),o=s??(g?"group":"global"),C=b.clsx(l[N],l[`${S}${o}`],f);return c.jsx(u.ActionList.Item,{ref:v,className:C,onClick:r,contentBefore:o==="global"?c.jsx(x.Icon,{icon:d}):void 0,role:"option",as:t,...p,children:e})}),{baseClassNamePrefix:j}=m.getBEMClassNames("search"),i=a.createContext(!1),n=({children:e,...r})=>{const s=b.clsx(l[`${j}__results`]);return c.jsx(i.Provider,{value:!0,children:c.jsx(u.ActionList.Group,{className:s,...r,children:e})})};n.displayName="Results";n.Item=w.Item;n.ViewAll=h;exports.Results=n;exports.SearchResultsContext=i;exports.SvgSearch=d;exports.ViewAll=h;exports.styles=l;

package/chunks/Search.Results.wKBufUSo.js

@@ -0,0 +1,64 @@
+import "../assets/Search.css";
+import { jsx as r } from "react/jsx-runtime";
+import * as m from "react";
+import v, { forwardRef as C, useContext as w } from "react";
+import { g as i } from "./classNames.BTJmrO_L.js";
+import "./constants.CKKGf1-i.js";
+import { clsx as c } from "clsx";
+import { Item as g } from "../lib/wip/Search/Search.Results.Item.es.js";
+import { ActionList as n } from "../lib/ActionList/ActionList.es.js";
+import { Icon as x } from "../lib/Icon/Icon.es.js";
+const R = (e) => /* @__PURE__ */ m.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ m.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z", fill: "currentColor" })), t = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-enterprise": "bm-enterprise",
+  "bm-consumer": "bm-consumer",
+  "bm-search": "bm-search",
+  "bm-search--disabled": "bm-search--disabled",
+  "bm-search--fluid": "bm-search--fluid",
+  "bm-search__field": "bm-search__field",
+  "bm-search__field__input": "bm-search__field__input",
+  "bm-search--error": "bm-search--error",
+  "bm-search--read-only": "bm-search--read-only",
+  "bm-search__content": "bm-search__content",
+  "bm-search__field__spinner": "bm-search__field__spinner",
+  "bm-search__dropdown": "bm-search__dropdown",
+  "bm-search__results__view-all": "bm-search__results__view-all",
+  "bm-action-list__item__content-before": "bm-action-list__item__content-before",
+  "bm-search__results__view-all--group": "bm-search__results__view-all--group"
+}, { baseClassNamePrefix: N, classModifierPrefix: L } = i("search__results__view-all"), I = C(
+  ({ children: e, onClick: s, variant: a, as: b = "div", className: d, ...h }, f) => {
+    const p = w(_), l = a ?? (p ? "group" : "global"), u = c(
+      t[N],
+      t[`${L}${l}`],
+      d
+    );
+    return /* @__PURE__ */ r(
+      n.Item,
+      {
+        ref: f,
+        className: u,
+        onClick: s,
+        contentBefore: l === "global" ? /* @__PURE__ */ r(x, { icon: R }) : void 0,
+        role: "option",
+        as: b,
+        ...h,
+        children: e
+      }
+    );
+  }
+), { baseClassNamePrefix: P } = i("search"), _ = v.createContext(!1), o = ({ children: e, ...s }) => {
+  const a = c(t[`${P}__results`]);
+  return /* @__PURE__ */ r(_.Provider, { value: !0, children: /* @__PURE__ */ r(n.Group, { className: a, ...s, children: e }) });
+};
+o.displayName = "Results";
+o.Item = g;
+o.ViewAll = I;
+export {
+  o as R,
+  R as S,
+  I as V,
+  _ as a,
+  t as s
+};

package/chunks/{panel.module.a_gaicKX.js → panel.module.DCpj0tSX.js}

@@ -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--position-full":"bm-panel--position-full","bm-panel--size-full":"bm-panel--size-full","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__body":"bm-panel__body","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__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content","bm-panel__inline-wrapper--full":"bm-panel__inline-wrapper--full"};exports.styles=e;
+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--size-full":"bm-panel--size-full","bm-panel--position-full":"bm-panel--position-full","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__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content","bm-panel__inline-wrapper--full":"bm-panel__inline-wrapper--full"};exports.styles=e;

package/lib/Alert/Alert.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Switch/Switch.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Tooltip/Tooltip.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/wip/Panel/Panel.Body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("clsx"),n=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:i}=n.getBEMClassNames("panel"),u=`${i}body`,e=({children:s,className:t,...a})=>{const l=r(c.styles[u],t);return o.jsx("div",{className:l,...a,children:s})};e.displayName="Panel.Body";exports.Body=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const i=require("../../Box/Box.cjs.js"),u=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:m}=c.getBEMClassNames("panel"),d=`${m}body`,e=({children:s,className:o,backgroundColor:t,...r})=>{const a=n(u.styles[d],o);return l.jsx(i.Box,{className:a,backgroundColor:t,...r,children:s})};e.displayName="Panel.Body";exports.Body=e;

package/lib/wip/Panel/Panel.Body.d.ts

@@ -1,11 +1,16 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
+import { BoxBackgroundColor } from '@viasat/beam-shared/components/box';
 export interface PanelBodyProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Specify the content for the Panel body
      */
     children?: React.ReactNode;
+    /**
+     * Specify the background color of the body surface
+     */
+    backgroundColor?: BoxBackgroundColor;
 }
 export declare const Body: {
-    ({ children, className: _className, ...props }: PanelBodyProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, backgroundColor, ...props }: PanelBodyProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib/wip/Panel/Panel.Body.es.js

@@ -1,17 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
-import t from "clsx";
-import { g as r } from "../../../chunks/classNames.BTJmrO_L.js";
+import { jsx as t } from "react/jsx-runtime";
+import e from "clsx";
+import { g as l } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as l } from "../../../chunks/panel.module.DGxSyRdA.js";
-const { subElementClassPrefix: i } = r("panel"), n = `${i}body`, p = ({
+import { Box as p } from "../../Box/Box.es.js";
+import { s as i } from "../../../chunks/panel.module.DJLJpnm_.js";
+const { subElementClassPrefix: n } = l("panel"), c = `${n}body`, f = ({
   children: s,
   className: o,
+  backgroundColor: m,
   ...a
 }) => {
-  const e = t(l[n], o);
-  return /* @__PURE__ */ m("div", { className: e, ...a, children: s });
+  const r = e(i[c], o);
+  return /* @__PURE__ */ t(p, { className: r, backgroundColor: m, ...a, children: s });
 };
-p.displayName = "Panel.Body";
+f.displayName = "Panel.Body";
 export {
-  p as Body
+  f as Body
 };

package/lib/wip/Panel/Panel.Divider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../../Divider/Divider.cjs.js"),n=require("./Panel.helpers.cjs.js"),l=({position:e,className:i,dividerColor:r=n.DEFAULT_PANEL_DIVIDER_COLOR})=>o.jsx(t.Divider,{borderColor:r,orientation:e==="bottom"?"horizontal":"vertical",className:i});exports.InlineDivider=l;

package/lib/wip/Panel/Panel.Divider.d.ts

@@ -0,0 +1,6 @@
+import { PanelDividerColor, PanelPosition } from './Panel.types';
+export declare const InlineDivider: ({ position, className, dividerColor, }: {
+    position?: PanelPosition;
+    className?: string;
+    dividerColor?: PanelDividerColor;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/wip/Panel/Panel.Divider.es.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Divider as e } from "../../Divider/Divider.es.js";
+import { DEFAULT_PANEL_DIVIDER_COLOR as m } from "./Panel.helpers.es.js";
+const p = ({
+  position: o,
+  className: r,
+  dividerColor: i = m
+}) => /* @__PURE__ */ t(
+  e,
+  {
+    borderColor: i,
+    orientation: o === "bottom" ? "horizontal" : "vertical",
+    className: r
+  }
+);
+export {
+  p as InlineDivider
+};

package/lib/wip/Panel/Panel.Footer.Actions.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const e=require("../../../chunks/panel.module.a_gaicKX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const e=require("../../../chunks/panel.module.DCpj0tSX.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;

package/lib/wip/Panel/Panel.Footer.Actions.es.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import i from "clsx";
 import { g as c } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as o } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as o } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: l } = c("panel"), p = ({
   layout: t = "end",
   children: a,

package/lib/wip/Panel/Panel.Footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("clsx"),a=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../Divider/Divider.cjs.js"),u=require("./Panel.Footer.Actions.cjs.js"),m=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:d}=a.getBEMClassNames("panel"),_=`${d}footer`,s=({children:r,className:o,divider:t=!0,...i})=>{const n=l(m.styles[_],o);return e.jsxs(e.Fragment,{children:[t&&e.jsx(c.Divider,{borderColor:"01"}),e.jsx("footer",{className:n,...i,children:r})]})};s.displayName="Panel.Footer";s.Actions=u.Actions;exports.Footer=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../Divider/Divider.cjs.js"),m=require("../../Box/Box.cjs.js"),b=require("./Panel.helpers.cjs.js"),d=require("./Panel.Footer.Actions.cjs.js"),q=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:x}=u.getBEMClassNames("panel"),P=`${x}footer`,s=({children:r,className:o,divider:t=!0,dividerColor:i=b.DEFAULT_PANEL_DIVIDER_COLOR,backgroundColor:n,...l})=>{const a=c(q.styles[P],o);return e.jsxs(e.Fragment,{children:[t&&e.jsx(_.Divider,{borderColor:i}),e.jsx(m.Box,{as:"footer",className:a,backgroundColor:n,...l,children:r})]})};s.displayName="Panel.Footer";s.Actions=d.Actions;exports.Footer=s;

package/lib/wip/Panel/Panel.Footer.d.ts

@@ -1,4 +1,6 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
+import { BoxBackgroundColor } from '@viasat/beam-shared/components/box';
+import { PanelDividerColor } from './Panel.types';
 export interface PanelFooterProps extends ComponentPropsWithoutRef<'footer'> {
     /**
      * Specify the content for the Panel footer
@@ -9,9 +11,18 @@ export interface PanelFooterProps extends ComponentPropsWithoutRef<'footer'> {
      * @default true
      */
     divider?: boolean;
+    /**
+     * Specify the border color of the footer divider
+     * @default '01'
+     */
+    dividerColor?: PanelDividerColor;
+    /**
+     * Specify the background color of the footer surface
+     */
+    backgroundColor?: BoxBackgroundColor;
 }
 export declare const Footer: {
-    ({ children, className: _className, divider, ...props }: PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, divider, dividerColor, backgroundColor, ...props }: PanelFooterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Actions: {
         ({ layout, children, className: _className, ...props }: import('./Panel.Footer.Actions').PanelFooterActionsProps): import("react/jsx-runtime").JSX.Element;

package/lib/wip/Panel/Panel.Footer.es.js

@@ -1,24 +1,37 @@
-import { jsxs as i, Fragment as l, jsx as o } from "react/jsx-runtime";
-import n from "clsx";
+import { jsxs as n, Fragment as p, jsx as o } from "react/jsx-runtime";
+import f from "clsx";
 import { g as c } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { Divider as p } from "../../Divider/Divider.es.js";
-import { Actions as f } from "./Panel.Footer.Actions.es.js";
-import { s as x } from "../../../chunks/panel.module.DGxSyRdA.js";
-const { subElementClassPrefix: d } = c("panel"), C = `${d}footer`, s = ({
-  children: r,
+import { Divider as x } from "../../Divider/Divider.es.js";
+import { Box as C } from "../../Box/Box.es.js";
+import { DEFAULT_PANEL_DIVIDER_COLOR as E } from "./Panel.helpers.es.js";
+import { Actions as N } from "./Panel.Footer.Actions.es.js";
+import { s as d } from "../../../chunks/panel.module.DJLJpnm_.js";
+const { subElementClassPrefix: A } = c("panel"), D = `${A}footer`, r = ({
+  children: s,
   className: t,
   divider: e = !0,
-  ...m
+  dividerColor: m = E,
+  backgroundColor: a,
+  ...i
 }) => {
-  const a = n(x[C], t);
-  return /* @__PURE__ */ i(l, { children: [
-    e && /* @__PURE__ */ o(p, { borderColor: "01" }),
-    /* @__PURE__ */ o("footer", { className: a, ...m, children: r })
+  const l = f(d[D], t);
+  return /* @__PURE__ */ n(p, { children: [
+    e && /* @__PURE__ */ o(x, { borderColor: m }),
+    /* @__PURE__ */ o(
+      C,
+      {
+        as: "footer",
+        className: l,
+        backgroundColor: a,
+        ...i,
+        children: s
+      }
+    )
   ] });
 };
-s.displayName = "Panel.Footer";
-s.Actions = f;
+r.displayName = "Panel.Footer";
+r.Actions = N;
 export {
-  s as Footer
+  r as Footer
 };

package/lib/wip/Panel/Panel.Header.ContentAfter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;

package/lib/wip/Panel/Panel.Header.ContentAfter.es.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import o from "clsx";
 import { g as m } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as n } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: s,
   className: e,

package/lib/wip/Panel/Panel.Header.ContentBefore.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;

package/lib/wip/Panel/Panel.Header.ContentBefore.es.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import a from "clsx";
 import { g as m } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as n } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: e,
   className: s,

package/lib/wip/Panel/Panel.Header.Description.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const l=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:o}=c.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:r,...t})=>{const a=n(l.styles[`${u}__description`],r);return i.jsx("div",{className:a,...t,children:s})};e.displayName="Panel.Header.Description";exports.Description=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const l=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:o}=c.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:r,...t})=>{const a=n(l.styles[`${u}__description`],r);return i.jsx("div",{className:a,...t,children:s})};e.displayName="Panel.Header.Description";exports.Description=e;

package/lib/wip/Panel/Panel.Header.Description.es.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import t from "clsx";
 import { g as i } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as m } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as m } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: l } = i("panel"), n = `${l}header`, p = ({
   children: s,
   className: e,

package/lib/wip/Panel/Panel.Header.Heading.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),o=require("react"),g=require("clsx"),m=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const q=require("../../../chunks/FloatingUI.context.B15Tz_4h.js"),b=require("./Panel.context.cjs.js"),x=require("../../../utils/hooks/useId.cjs.js"),I=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:y}=m.getBEMClassNames("panel"),P=`${y}header`,a=({children:r,className:i,id:c,...l})=>{const u=x.useId(),e=c??u,d=g(I.styles[`${P}__heading`],i),t=o.useContext(b.PanelContext),n=o.useContext(q.BmFloatingUIContext),s=(t==null?void 0:t.kind)==="overlay"?n==null?void 0:n.setLabelId:void 0;return o.useLayoutEffect(()=>{if(!(!s||!e))return s(e),()=>s(void 0)},[e,s]),_.jsx("div",{id:e,className:d,...l,children:r})};a.displayName="Panel.Header.Heading";exports.Heading=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),o=require("react"),g=require("clsx"),m=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const q=require("../../../chunks/FloatingUI.context.B15Tz_4h.js"),b=require("./Panel.context.cjs.js"),x=require("../../../utils/hooks/useId.cjs.js"),I=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:y}=m.getBEMClassNames("panel"),P=`${y}header`,a=({children:r,className:i,id:c,...l})=>{const u=x.useId(),e=c??u,d=g(I.styles[`${P}__heading`],i),t=o.useContext(b.PanelContext),n=o.useContext(q.BmFloatingUIContext),s=(t==null?void 0:t.kind)==="overlay"?n==null?void 0:n.setLabelId:void 0;return o.useLayoutEffect(()=>{if(!(!s||!e))return s(e),()=>s(void 0)},[e,s]),_.jsx("div",{id:e,className:d,...l,children:r})};a.displayName="Panel.Header.Heading";exports.Heading=a;

package/lib/wip/Panel/Panel.Header.Heading.es.js

@@ -6,7 +6,7 @@ import "../../../chunks/constants.CKKGf1-i.js";
 import { B as g } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
 import { PanelContext as x } from "./Panel.context.es.js";
 import { useId as I } from "../../../utils/hooks/useId.es.js";
-import { s as b } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as b } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: v } = u("panel"), y = `${v}header`, C = ({
   children: a,
   className: m,

package/lib/wip/Panel/Panel.Header.Row.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("clsx"),b=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const m=require("../../CloseButton/CloseButton.cjs.js"),_=require("../../Tooltip/Tooltip.cjs.js"),p=require("./Panel.context.cjs.js"),t=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:x}=b.getBEMClassNames("panel"),l=`${x}header`,o=({children:n,className:r,...a})=>{const{dismissible:i,closeButtonAriaLabel:s,requestClose:c}=p.usePanelContext(),u=d(t.styles[`${l}__row`],r);return e.jsxs("div",{className:u,...a,children:[n,i&&e.jsx("div",{className:t.styles[`${l}__close-button`],children:e.jsx(_.Tooltip,{text:s,placement:"bottom",portalled:!0,role:{enabled:!1},children:e.jsx(m.CloseButton,{"aria-label":s,onClick:()=>c("closeButton"),size:"lg"})})})]})};o.displayName="Panel.Header.Row";exports.Row=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("clsx"),b=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const m=require("../../CloseButton/CloseButton.cjs.js"),_=require("../../Tooltip/Tooltip.cjs.js"),p=require("./Panel.context.cjs.js"),t=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:x}=b.getBEMClassNames("panel"),l=`${x}header`,o=({children:n,className:r,...a})=>{const{dismissible:i,closeButtonAriaLabel:s,requestClose:c}=p.usePanelContext(),u=d(t.styles[`${l}__row`],r);return e.jsxs("div",{className:u,...a,children:[n,i&&e.jsx("div",{className:t.styles[`${l}__close-button`],children:e.jsx(_.Tooltip,{text:s,placement:"bottom",portalled:!0,role:{enabled:!1},children:e.jsx(m.CloseButton,{"aria-label":s,onClick:()=>c("closeButton"),size:"lg"})})})]})};o.displayName="Panel.Header.Row";exports.Row=o;

package/lib/wip/Panel/Panel.Header.Row.es.js

@@ -5,7 +5,7 @@ import "../../../chunks/constants.CKKGf1-i.js";
 import { CloseButton as f } from "../../CloseButton/CloseButton.es.js";
 import { Tooltip as u } from "../../Tooltip/Tooltip.es.js";
 import { usePanelContext as b } from "./Panel.context.es.js";
-import { s as o } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as o } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: x } = d("panel"), t = `${x}header`, C = ({
   children: l,
   className: r,

package/lib/wip/Panel/Panel.Header.Subheader.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:o}=u.getBEMClassNames("panel"),i=`${o}header`,e=({children:s,className:a,...r})=>{const t=n(c.styles[`${i}__subheader`],a);return l.jsx("div",{className:t,...r,children:s})};e.displayName="Panel.Header.Subheader";exports.Subheader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:o}=u.getBEMClassNames("panel"),i=`${o}header`,e=({children:s,className:a,...r})=>{const t=n(c.styles[`${i}__subheader`],a);return l.jsx("div",{className:t,...r,children:s})};e.displayName="Panel.Header.Subheader";exports.Subheader=e;

package/lib/wip/Panel/Panel.Header.Subheader.es.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import o from "clsx";
 import { g as t } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as l } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as l } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: i } = t("panel"), n = `${i}header`, p = ({
   children: s,
   className: e,

package/lib/wip/Panel/Panel.Header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../Divider/Divider.cjs.js"),d=require("./Panel.Header.Row.cjs.js"),c=require("./Panel.Header.ContentBefore.cjs.js"),u=require("./Panel.Header.Heading.cjs.js"),b=require("./Panel.Header.ContentAfter.cjs.js"),P=require("./Panel.Header.Description.cjs.js"),p=require("./Panel.Header.Subheader.cjs.js"),q=require("../../../chunks/panel.module.a_gaicKX.js"),{subElementClassPrefix:H}=o.getBEMClassNames("panel"),m=`${H}header`,e=({children:n,className:a,divider:i=!0,...t})=>{const s=l(q.styles[m],a);return r.jsxs(r.Fragment,{children:[r.jsx("header",{className:s,...t,children:n}),i&&r.jsx(_.Divider,{borderColor:"01"})]})};e.displayName="Panel.Header";e.Row=d.Row;e.ContentBefore=c.ContentBefore;e.Heading=u.Heading;e.Description=P.Description;e.ContentAfter=b.ContentAfter;e.Subheader=p.Subheader;exports.Header=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),_=require("clsx"),c=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const d=require("../../Divider/Divider.cjs.js"),u=require("../../Box/Box.cjs.js"),P=require("./Panel.helpers.cjs.js"),b=require("./Panel.Header.Row.cjs.js"),p=require("./Panel.Header.ContentBefore.cjs.js"),q=require("./Panel.Header.Heading.cjs.js"),H=require("./Panel.Header.ContentAfter.cjs.js"),C=require("./Panel.Header.Description.cjs.js"),m=require("./Panel.Header.Subheader.cjs.js"),w=require("../../../chunks/panel.module.DCpj0tSX.js"),{subElementClassPrefix:x}=c.getBEMClassNames("panel"),D=`${x}header`,e=({children:n,className:i,divider:a=!0,dividerColor:s=P.DEFAULT_PANEL_DIVIDER_COLOR,backgroundColor:t,...l})=>{const o=_(w.styles[D],i);return r.jsxs(r.Fragment,{children:[r.jsx(u.Box,{as:"header",className:o,backgroundColor:t,...l,children:n}),a&&r.jsx(d.Divider,{borderColor:s})]})};e.displayName="Panel.Header";e.Row=b.Row;e.ContentBefore=p.ContentBefore;e.Heading=q.Heading;e.Description=C.Description;e.ContentAfter=H.ContentAfter;e.Subheader=m.Subheader;exports.Header=e;

package/lib/wip/Panel/Panel.Header.d.ts

@@ -1,4 +1,6 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
+import { BoxBackgroundColor } from '@viasat/beam-shared/components/box';
+import { PanelDividerColor } from './Panel.types';
 export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
     /**
      * Specify the content for the panel header
@@ -9,9 +11,18 @@ export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
      * @default true
      */
     divider?: boolean;
+    /**
+     * Specify the border color of the header divider
+     * @default '01'
+     */
+    dividerColor?: PanelDividerColor;
+    /**
+     * Specify the background color of the header surface
+     */
+    backgroundColor?: BoxBackgroundColor;
 }
 export declare const Header: {
-    ({ children, className: _className, divider, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, divider, dividerColor, backgroundColor, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Row: {
         ({ children, className: _className, ...props }: import('./Panel.Header.Row').PanelHeaderRowProps): import("react/jsx-runtime").JSX.Element;