@viasat/beam-web-components 2.70.0 → 2.72.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Badge/Badge.js +20 -20
- package/custom-elements.json +1394 -1394
- package/local/Badge/Badge.js +19 -19
- package/package.json +6 -6
- package/vscode.html-custom-data.json +300 -300
package/local/Badge/Badge.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { n as c, c as
|
|
3
|
-
import { o as
|
|
1
|
+
import { r as C, a as S, x as y, E as z } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n as c, c as P } from "../chunks/register-custom-element.AOEv8hcs.js";
|
|
3
|
+
import { o as _ } from "../chunks/unsafe-html.BzhXEygn.js";
|
|
4
4
|
import { c as g, g as M } from "../chunks/classNames.Ciobzb4w.js";
|
|
5
5
|
import { W as $ } from "../chunks/WarningOutlined.DPfQnPPj.js";
|
|
6
6
|
import { i as Z, t as I } from "../chunks/constants.ZIKMMCJH.js";
|
|
@@ -38,15 +38,15 @@ const B = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/sv
|
|
|
38
38
|
</clipPath>
|
|
39
39
|
</defs>
|
|
40
40
|
</svg>
|
|
41
|
-
`, H = Z, L = ':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-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(24, 124, 54, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ac4902 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(172, 73, 2, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(204, 36, 41, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #006ead );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(0, 110, 173, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #576775 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-alias-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #24a148 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #eb6200 );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #0095e0 );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #576775 );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(179, 235, 158, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ffd4a8 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(255, 212, 168, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(253, 203, 205, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #64cefb );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(155, 225, 255, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #d1dae0 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #3d4953 );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-alias-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #71d963 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #ffb17a );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #64cefb );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #9fafbc );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}.bm-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--bm-comp-badge-radius);padding-left:var(--bm-comp-badge-space-x);padding-right:var(--bm-comp-badge-space-x);max-width:-moz-fit-content;width:fit-content;gap:var(--bm-comp-badge-space-gap);box-shadow:var(--bm-comp-badge-shadow)}.bm-badge__icon{width:var(--bm-comp-badge-size-icon);height:var(--bm-comp-badge-size-icon);transform:translateZ(0)}.bm-badge__label{text-wrap:nowrap}.bm-badge--sm{height:var(--bm-comp-badge-size-sm-height);font:var(--bm-comp-badge-typo-sm)}.bm-badge--md{height:var(--bm-comp-badge-size-md-height);font:var(--bm-comp-badge-typo-md)}.bm-badge--positive-strong{background-color:var(--bm-comp-badge-color-positive-strong-bg);color:var(--bm-comp-badge-color-positive-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-strong-border)}.bm-badge--positive-medium{background-color:var(--bm-comp-badge-color-positive-medium-bg);color:var(--bm-comp-badge-color-positive-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-medium-border)}.bm-badge--positive-subtle{background-color:var(--bm-comp-badge-color-positive-subtle-bg);color:var(--bm-comp-badge-color-positive-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-subtle-border)}.bm-badge--warning-strong{background-color:var(--bm-comp-badge-color-warning-strong-bg);color:var(--bm-comp-badge-color-warning-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-strong-border)}.bm-badge--warning-medium{background-color:var(--bm-comp-badge-color-warning-medium-bg);color:var(--bm-comp-badge-color-warning-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-medium-border)}.bm-badge--warning-subtle{background-color:var(--bm-comp-badge-color-warning-subtle-bg);color:var(--bm-comp-badge-color-warning-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-subtle-border)}.bm-badge--negative-strong{background-color:var(--bm-comp-badge-color-negative-strong-bg);color:var(--bm-comp-badge-color-negative-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-strong-border)}.bm-badge--negative-medium{background-color:var(--bm-comp-badge-color-negative-medium-bg);color:var(--bm-comp-badge-color-negative-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-medium-border)}.bm-badge--negative-subtle{background-color:var(--bm-comp-badge-color-negative-subtle-bg);color:var(--bm-comp-badge-color-negative-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-subtle-border)}.bm-badge--infoPrimary-strong{background-color:var(--bm-comp-badge-color-info-primary-strong-bg);color:var(--bm-comp-badge-color-info-primary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-strong-border)}.bm-badge--infoPrimary-medium{background-color:var(--bm-comp-badge-color-info-primary-medium-bg);color:var(--bm-comp-badge-color-info-primary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-medium-border)}.bm-badge--infoPrimary-subtle{background-color:var(--bm-comp-badge-color-info-primary-subtle-bg);color:var(--bm-comp-badge-color-info-primary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-subtle-border)}.bm-badge--infoSecondary-strong{background-color:var(--bm-comp-badge-color-info-secondary-strong-bg);color:var(--bm-comp-badge-color-info-secondary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-strong-border)}.bm-badge--infoSecondary-medium{background-color:var(--bm-comp-badge-color-info-secondary-medium-bg);color:var(--bm-comp-badge-color-info-secondary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-medium-border)}.bm-badge--infoSecondary-subtle{background-color:var(--bm-comp-badge-color-info-secondary-subtle-bg);color:var(--bm-comp-badge-color-info-secondary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-subtle-border)}';
|
|
42
|
-
var O = Object.defineProperty, V = Object.getOwnPropertyDescriptor,
|
|
41
|
+
`, H = Z, L = ':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-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(24, 124, 54, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ac4902 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(172, 73, 2, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(204, 36, 41, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #006ead );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(0, 110, 173, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #576775 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-badge-color-accent-strong-bg: var( --bm-alias-color-ramp-accent-base, #00768f );--bm-comp-badge-color-accent-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-accent-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-accent-medium-bg: var( --bm-alias-color-ramp-accent-subtler, #d7f4f9 );--bm-comp-badge-color-accent-medium-fg: var( --bm-alias-color-ramp-accent-base, #00768f );--bm-comp-badge-color-accent-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-accent-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-accent-subtle-fg: var( --bm-alias-color-ramp-accent-base, #00768f );--bm-comp-badge-color-accent-subtle-border: var( --bm-alias-color-ramp-accent-muter, #8cd8e6 );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-alias-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #24a148 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #eb6200 );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #0095e0 );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #576775 );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, .25rem);--bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);--bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-badge-indicator-size-marker-sm: var( --bm-primitive-dimension-50, .5rem );--bm-comp-badge-indicator-size-marker-md: var( --bm-primitive-dimension-75, .75rem );--bm-comp-badge-indicator-size-icon-sm: .625rem;--bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-badge-indicator-typo-sm: var( --bm-sem-typo-compact-label-xs, 600 .75rem/1rem "Source Sans Pro" );--bm-comp-badge-indicator-typo-md: var( --bm-sem-typo-compact-label-xs, 600 .75rem/1rem "Source Sans Pro" );--bm-comp-badge-indicator-color-marker-accent-medium-bg: var( --bm-alias-color-ramp-accent-mute, #00a2c0 );--bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var( --bm-alias-color-ramp-blue-mute, #0095e0 );--bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var( --bm-alias-color-ramp-gray-mute, #8697a5 );--bm-comp-badge-indicator-color-marker-positive-medium-bg: var( --bm-alias-color-ramp-green-mute, #24a148 );--bm-comp-badge-indicator-color-marker-warning-medium-bg: var( --bm-alias-color-ramp-orange-mute, #eb6200 );--bm-comp-badge-indicator-color-marker-negative-medium-bg: var( --bm-alias-color-ramp-red-mute, #ed464c )}: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-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(179, 235, 158, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ffd4a8 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(255, 212, 168, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(253, 203, 205, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #64cefb );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(155, 225, 255, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #d1dae0 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #3d4953 );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-badge-color-accent-strong-bg: var( --bm-alias-color-ramp-accent-base, #43bfd6 );--bm-comp-badge-color-accent-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-accent-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-accent-medium-bg: var( --bm-alias-color-ramp-accent-subtler, #00414d );--bm-comp-badge-color-accent-medium-fg: var( --bm-alias-color-ramp-accent-base, #43bfd6 );--bm-comp-badge-color-accent-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-accent-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-accent-subtle-fg: var( --bm-alias-color-ramp-accent-base, #43bfd6 );--bm-comp-badge-color-accent-subtle-border: var( --bm-alias-color-ramp-accent-muter, #00768f );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-alias-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #71d963 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #ffb17a );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #64cefb );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #9fafbc );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-indicator-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-indicator-space-x: var(--bm-sem-space-25, .25rem);--bm-comp-badge-indicator-size-sm: var(--bm-primitive-dimension-100, 1rem);--bm-comp-badge-indicator-size-md: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-badge-indicator-size-marker-sm: var( --bm-primitive-dimension-50, .5rem );--bm-comp-badge-indicator-size-marker-md: var( --bm-primitive-dimension-75, .75rem );--bm-comp-badge-indicator-size-icon-sm: .625rem;--bm-comp-badge-indicator-size-icon-md: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-badge-indicator-typo-sm: var( --bm-sem-typo-compact-label-xs, 600 .75rem/1rem "Source Sans Pro" );--bm-comp-badge-indicator-typo-md: var( --bm-sem-typo-compact-label-xs, 600 .75rem/1rem "Source Sans Pro" );--bm-comp-badge-indicator-color-marker-accent-medium-bg: var( --bm-alias-color-ramp-accent-mute, #00a2c0 );--bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var( --bm-alias-color-ramp-blue-mute, #0095e0 );--bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var( --bm-alias-color-ramp-gray-mute, #8697a5 );--bm-comp-badge-indicator-color-marker-positive-medium-bg: var( --bm-alias-color-ramp-green-mute, #24a148 );--bm-comp-badge-indicator-color-marker-warning-medium-bg: var( --bm-alias-color-ramp-orange-mute, #eb6200 );--bm-comp-badge-indicator-color-marker-negative-medium-bg: var( --bm-alias-color-ramp-red-mute, #ed464c )}.bm-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--bm-comp-badge-radius);padding-left:var(--bm-comp-badge-space-x);padding-right:var(--bm-comp-badge-space-x);max-width:-moz-fit-content;width:fit-content;gap:var(--bm-comp-badge-space-gap);box-shadow:var(--bm-comp-badge-shadow)}.bm-badge__icon{width:var(--bm-comp-badge-size-icon);height:var(--bm-comp-badge-size-icon);transform:translateZ(0)}.bm-badge__label{text-wrap:nowrap}.bm-badge--sm{height:var(--bm-comp-badge-size-sm-height);font:var(--bm-comp-badge-typo-sm)}.bm-badge--md{height:var(--bm-comp-badge-size-md-height);font:var(--bm-comp-badge-typo-md)}.bm-badge--positive-strong{background-color:var(--bm-comp-badge-color-positive-strong-bg);color:var(--bm-comp-badge-color-positive-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-strong-border)}.bm-badge--positive-medium{background-color:var(--bm-comp-badge-color-positive-medium-bg);color:var(--bm-comp-badge-color-positive-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-medium-border)}.bm-badge--positive-subtle{background-color:var(--bm-comp-badge-color-positive-subtle-bg);color:var(--bm-comp-badge-color-positive-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-subtle-border)}.bm-badge--warning-strong{background-color:var(--bm-comp-badge-color-warning-strong-bg);color:var(--bm-comp-badge-color-warning-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-strong-border)}.bm-badge--warning-medium{background-color:var(--bm-comp-badge-color-warning-medium-bg);color:var(--bm-comp-badge-color-warning-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-medium-border)}.bm-badge--warning-subtle{background-color:var(--bm-comp-badge-color-warning-subtle-bg);color:var(--bm-comp-badge-color-warning-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-subtle-border)}.bm-badge--negative-strong{background-color:var(--bm-comp-badge-color-negative-strong-bg);color:var(--bm-comp-badge-color-negative-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-strong-border)}.bm-badge--negative-medium{background-color:var(--bm-comp-badge-color-negative-medium-bg);color:var(--bm-comp-badge-color-negative-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-medium-border)}.bm-badge--negative-subtle{background-color:var(--bm-comp-badge-color-negative-subtle-bg);color:var(--bm-comp-badge-color-negative-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-subtle-border)}.bm-badge--infoPrimary-strong{background-color:var(--bm-comp-badge-color-info-primary-strong-bg);color:var(--bm-comp-badge-color-info-primary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-strong-border)}.bm-badge--infoPrimary-medium{background-color:var(--bm-comp-badge-color-info-primary-medium-bg);color:var(--bm-comp-badge-color-info-primary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-medium-border)}.bm-badge--infoPrimary-subtle{background-color:var(--bm-comp-badge-color-info-primary-subtle-bg);color:var(--bm-comp-badge-color-info-primary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-subtle-border)}.bm-badge--infoSecondary-strong{background-color:var(--bm-comp-badge-color-info-secondary-strong-bg);color:var(--bm-comp-badge-color-info-secondary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-strong-border)}.bm-badge--infoSecondary-medium{background-color:var(--bm-comp-badge-color-info-secondary-medium-bg);color:var(--bm-comp-badge-color-info-secondary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-medium-border)}.bm-badge--infoSecondary-subtle{background-color:var(--bm-comp-badge-color-info-secondary-subtle-bg);color:var(--bm-comp-badge-color-info-secondary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-subtle-border)}.bm-badge--accent-strong{background-color:var(--bm-comp-badge-color-accent-strong-bg);color:var(--bm-comp-badge-color-accent-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-accent-strong-border)}.bm-badge--accent-medium{background-color:var(--bm-comp-badge-color-accent-medium-bg);color:var(--bm-comp-badge-color-accent-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-accent-medium-border)}.bm-badge--accent-subtle{background-color:var(--bm-comp-badge-color-accent-subtle-bg);color:var(--bm-comp-badge-color-accent-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-accent-subtle-border)}';
|
|
42
|
+
var O = Object.defineProperty, V = Object.getOwnPropertyDescriptor, k = (o) => {
|
|
43
43
|
throw TypeError(o);
|
|
44
44
|
}, b = (o, r, e, i) => {
|
|
45
45
|
for (var a = i > 1 ? void 0 : i ? V(r, e) : r, t = o.length - 1, s; t >= 0; t--)
|
|
46
46
|
(s = o[t]) && (a = (i ? s(r, e, a) : s(a)) || a);
|
|
47
47
|
return i && a && O(r, e, a), a;
|
|
48
|
-
}, W = (o, r, e) => r.has(o) ||
|
|
49
|
-
const
|
|
48
|
+
}, W = (o, r, e) => r.has(o) || k("Cannot " + e), d = (o, r, e) => (W(o, r, "read from private field"), e ? e.call(o) : r.get(o)), n = (o, r, e) => r.has(o) ? k("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(o) : r.set(o, e), p, f, v, u;
|
|
49
|
+
const l = {
|
|
50
50
|
positive: B,
|
|
51
51
|
warning: $,
|
|
52
52
|
negative: E,
|
|
@@ -61,7 +61,7 @@ const f = {
|
|
|
61
61
|
}, A = "badge", { baseClassNamePrefix: D, subElementClassPrefix: w, classModifierPrefix: x } = M(A);
|
|
62
62
|
let m = class extends S {
|
|
63
63
|
constructor() {
|
|
64
|
-
super(...arguments), this.appearance = "infoPrimary", this.size = "sm", this.emphasis = "strong",
|
|
64
|
+
super(...arguments), this.appearance = "infoPrimary", this.size = "sm", this.emphasis = "strong", n(this, p, () => {
|
|
65
65
|
const o = this.appearance || "infoPrimary", r = this.emphasis || "strong", e = this.size || "sm";
|
|
66
66
|
return g(
|
|
67
67
|
this.theme && I(this.theme),
|
|
@@ -69,37 +69,37 @@ let m = class extends S {
|
|
|
69
69
|
`${x}${o}-${r}`,
|
|
70
70
|
`${x}${e}`
|
|
71
71
|
);
|
|
72
|
-
}),
|
|
73
|
-
if (this.hideIcon) return
|
|
74
|
-
const o = this.appearance &&
|
|
72
|
+
}), n(this, f, g(`${w}label`)), n(this, v, g(`${w}icon`)), n(this, u, () => {
|
|
73
|
+
if (this.hideIcon) return z;
|
|
74
|
+
const o = this.appearance && l[this.appearance] ? l[this.appearance] : l[H], r = this.appearance && N[this.appearance] || "";
|
|
75
75
|
return y`
|
|
76
76
|
<span
|
|
77
77
|
role="img"
|
|
78
78
|
aria-label=${r}
|
|
79
|
-
class=${
|
|
79
|
+
class=${d(this, v)}
|
|
80
80
|
part="icon"
|
|
81
81
|
>
|
|
82
|
-
<slot name="icon"> ${
|
|
82
|
+
<slot name="icon"> ${_(o)} </slot>
|
|
83
83
|
</span>
|
|
84
84
|
`;
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
88
|
return y`
|
|
89
|
-
<span class=${
|
|
90
|
-
${
|
|
91
|
-
<span class=${
|
|
89
|
+
<span class=${d(this, p).call(this)} part="badge">
|
|
90
|
+
${d(this, u).call(this)}
|
|
91
|
+
<span class=${d(this, f)}>
|
|
92
92
|
<slot></slot>
|
|
93
93
|
</span>
|
|
94
94
|
</span>
|
|
95
95
|
`;
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
|
-
l = /* @__PURE__ */ new WeakMap();
|
|
99
98
|
p = /* @__PURE__ */ new WeakMap();
|
|
99
|
+
f = /* @__PURE__ */ new WeakMap();
|
|
100
100
|
v = /* @__PURE__ */ new WeakMap();
|
|
101
101
|
u = /* @__PURE__ */ new WeakMap();
|
|
102
|
-
m.styles = [
|
|
102
|
+
m.styles = [C(L)];
|
|
103
103
|
b([
|
|
104
104
|
c({ type: String })
|
|
105
105
|
], m.prototype, "appearance", 2);
|
|
@@ -116,7 +116,7 @@ b([
|
|
|
116
116
|
c({ type: Boolean })
|
|
117
117
|
], m.prototype, "hideIcon", 2);
|
|
118
118
|
m = b([
|
|
119
|
-
|
|
119
|
+
P("bm-badge")
|
|
120
120
|
], m);
|
|
121
121
|
export {
|
|
122
122
|
m as BmBadge
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-web-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.72.0",
|
|
4
4
|
"description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -64,11 +64,11 @@
|
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@viasat/beam-fonts": "2.
|
|
68
|
-
"@viasat/beam-shared": "2.
|
|
69
|
-
"@viasat/beam-styles": "2.
|
|
70
|
-
"@viasat/beam-tokens": "2.
|
|
71
|
-
"@viasat/beam-icons": "2.
|
|
67
|
+
"@viasat/beam-fonts": "2.72.0",
|
|
68
|
+
"@viasat/beam-shared": "2.72.0",
|
|
69
|
+
"@viasat/beam-styles": "2.72.0",
|
|
70
|
+
"@viasat/beam-tokens": "2.72.0",
|
|
71
|
+
"@viasat/beam-icons": "2.72.0",
|
|
72
72
|
"clsx": "^1.2.1",
|
|
73
73
|
"lit": "^3.1.0",
|
|
74
74
|
"@lit/context": "^1.1.1",
|