@viasat/beam-web-components 2.30.0 → 2.36.0

package/chunks/segmentedControl.module.DUw6nBfH.js

@@ -0,0 +1,4 @@
+const o = ':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-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #576775);--bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-seg-control-color-bg-selected: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-seg-control-color-fg-selected: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-seg-control-color-border-selected: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, .5rem);--bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, .75rem);--bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);--bm-comp-seg-control-radius: var(--bm-sem-radius-sm, .25rem)}: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-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #465967);--bm-comp-seg-control-color-bg-selected: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-seg-control-color-fg-selected: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-seg-control-color-border-selected: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, .5rem);--bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, .75rem);--bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);--bm-comp-seg-control-radius: var(--bm-sem-radius-sm, .25rem)}: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-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-outline-border: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, .25rem);--bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}: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-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #141d24 );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-outline-border: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, .25rem);--bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}.bm-segmented-control{box-shadow:var(--bm-comp-btn-shadow)}.bm-segmented-control--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-segmented-control__list{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:0;max-width:100%;min-width:0}.bm-segmented-control__list ::slotted(*){min-width:0;flex-shrink:1}.bm-segmented-control__list--fluid{width:100%;display:flex}.bm-segmented-control__list--fluid ::slotted(*){flex:1 1 auto}.bm-segmented-control__item{display:flex;position:relative;border:var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border);border-color:var(--bm-comp-seg-control-color-border);margin-inline-start:-1px;min-width:0;outline:none;background:var(--bm-comp-seg-control-color-bg);color:var(--bm-comp-seg-control-color-fg);cursor:pointer;justify-content:center}.bm-segmented-control__item--fluid{flex:1 1 auto;min-width:0}.bm-segmented-control__item--fluid .bm-segmented-control__item__label{width:100%;min-width:0}.bm-segmented-control__item--first{border-radius:var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius);border-inline-start-color:var(--bm-comp-seg-control-color-border);margin-inline-start:0}[dir=rtl] .bm-segmented-control__item--first,:dir(rtl) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0}.bm-segmented-control__item--last{border-radius:0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0;border-inline-end-color:var(--bm-comp-seg-control-color-border);margin-inline-end:0}[dir=rtl] .bm-segmented-control__item--last,:dir(rtl) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius)}.bm-segmented-control__item__content{display:flex;align-items:center;justify-content:center;gap:var(--bm-comp-btn-space-gap);cursor:inherit;min-width:0;width:100%}.bm-segmented-control__item__controlText{align-content:center;height:100%;padding:0 var(--bm-comp-btn-space-label-x);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bm-segmented-control__item__icon,.bm-segmented-control__item ::slotted([slot=icon]){display:flex;align-items:center;flex-shrink:0}.bm-segmented-control__item--selected{z-index:1;background:var(--bm-comp-seg-control-color-bg-selected);border:var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border-selected)}.bm-segmented-control__item--selected .bm-segmented-control__item__controlText,.bm-segmented-control__item--selected .bm-segmented-control__item__icon,.bm-segmented-control__item--selected ::slotted([slot=icon]){color:var(--bm-comp-seg-control-color-fg-selected)}.bm-segmented-control__item--selected:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: unset}.bm-segmented-control__item__state-layer{pointer-events:none;cursor:pointer;z-index:2}.bm-segmented-control__item:focus-visible .bm-state-layer{--bm-state-layer-outline-width: var(--bm-sem-border-width-focus);--bm-state-layer-outline-color: var(--bm-sem-color-border-focus);--bm-state-layer-outline-offset: 0}.bm-segmented-control__item--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed!important}.bm-segmented-control__item--sm{height:var(--bm-comp-btn-size-sm-height);font:var(--bm-comp-btn-typo-sm);padding:0 var(--bm-comp-seg-control-space-sm-x)}.bm-segmented-control__item--sm .bm-segmented-control__item__icon svg,.bm-segmented-control__item--sm ::slotted([slot=icon]){width:var(--bm-comp-btn-size-sm-icon);height:var(--bm-comp-btn-size-sm-icon)}.bm-segmented-control__item--sm.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-sm-width)}.bm-segmented-control__item--md{height:var(--bm-comp-btn-size-md-height);font:var(--bm-comp-btn-typo-md);padding:0 var(--bm-comp-seg-control-space-md-x)}.bm-segmented-control__item--md .bm-segmented-control__item__icon svg,.bm-segmented-control__item--md ::slotted([slot=icon]){width:var(--bm-comp-btn-size-md-icon);height:var(--bm-comp-btn-size-md-icon)}.bm-segmented-control__item--md.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-md-width)}.bm-segmented-control__item--lg{height:var(--bm-comp-btn-size-lg-height);font:var(--bm-comp-btn-typo-lg);padding:0 var(--bm-comp-seg-control-space-lg-x)}.bm-segmented-control__item--lg .bm-segmented-control__item__icon svg,.bm-segmented-control__item--lg ::slotted([slot=icon]){width:var(--bm-comp-btn-size-lg-icon);height:var(--bm-comp-btn-size-lg-icon)}.bm-segmented-control__item--lg.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-lg-width)}.bm-segmented-control__panel{display:none}.bm-segmented-control__panel--selected{display:block}';
+export {
+  o as s
+};