@viasat/beam-web-components 2.9.0 → 2.10.0

package/Box/Box.js

@@ -1,7 +1,7 @@
 import { unsafeCSS as l, LitElement as c, html as p } from "lit";
 import { property as e } from "lit/decorators.js";
 import h from "clsx";
-import { g as v, b as g } from "../chunks/classNames.Cq_tbDRp.js";
+import { b as v, g } from "../chunks/classNames.Cq_tbDRp.js";
 import { g as x } from "../chunks/globals.Bz4SVF2g.js";
 import { c as w } from "../chunks/register-custom-element.DHGKOhmA.js";
 const u = ".bm-box--border-width-none{border-width:var(--bm-sem-border-width-none);border-style:solid}.bm-box--border-width-md{border-width:var(--bm-sem-border-width-md);border-style:solid}.bm-box--border-width-lg{border-width:var(--bm-sem-border-width-lg);border-style:solid}.bm-box--border-width-xl{border-width:var(--bm-sem-border-width-xl);border-style:solid}.bm-box--border-width-divider{border-width:var(--bm-sem-border-width-md);border-style:solid;border-top-width:0;border-right-width:0;border-left-width:0}.bm-box--surface-00{background:var(--bm-sem-color-surface-00)}.bm-box--surface-00-alt{background:var(--bm-sem-color-surface-00-alt)}.bm-box--surface-01{background:var(--bm-sem-color-surface-01)}.bm-box--surface-02{background:var(--bm-sem-color-surface-02)}.bm-box--surface-03{background:var(--bm-sem-color-surface-03)}.bm-box--surface-positive{background:var(--bm-sem-color-surface-positive)}.bm-box--surface-warning{background:var(--bm-sem-color-surface-warning)}.bm-box--surface-negative{background:var(--bm-sem-color-surface-negative)}.bm-box--surface-info-primary{background:var(--bm-sem-color-surface-info-primary)}.bm-box--surface-info-secondary{background:var(--bm-sem-color-surface-info-secondary)}.bm-box--surface-positive-strong{background:var(--bm-sem-color-surface-positive-strong)}.bm-box--surface-warning-strong{background:var(--bm-sem-color-surface-warning-strong)}.bm-box--surface-negative-strong{background:var(--bm-sem-color-surface-negative-strong)}.bm-box--surface-info-primary-strong{background:var(--bm-sem-color-surface-info-primary-strong)}.bm-box--surface-info-secondary-strong{background:var(--bm-sem-color-surface-info-secondary-strong)}.bm-box--surface-selected{background:var(--bm-sem-color-surface-selected)}.bm-box--surface-selected-subtle{background:var(--bm-sem-color-surface-selected-subtle)}.bm-box--surface-highlight{background:var(--bm-sem-color-surface-highlight)}.bm-box--surface-transparent{background:var(--bm-sem-color-surface-transparent)}.bm-box--surface-inverse{background:var(--bm-sem-color-surface-inverse)}.bm-box--surface-expressive{background:var(--bm-expressive-color-bg)}.bm-box--surface-expressive-stronger{background:var(--bm-expressive-color-bg-stronger)}.bm-box--surface-expressive-inverse{background:var(--bm-expressive-color-inverse-bg)}.bm-box--border-00{border-color:var(--bm-sem-color-border-00);border-style:solid}.bm-box--border-00:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-00-alt{border-color:var(--bm-sem-color-border-00-alt);border-style:solid}.bm-box--border-00-alt:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-01{border-color:var(--bm-sem-color-border-01);border-style:solid}.bm-box--border-01:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-02{border-color:var(--bm-sem-color-border-02);border-style:solid}.bm-box--border-02:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-03{border-color:var(--bm-sem-color-border-03);border-style:solid}.bm-box--border-03:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-strong{border-color:var(--bm-sem-color-border-strong);border-style:solid}.bm-box--border-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-positive{border-color:var(--bm-sem-color-border-positive);border-style:solid}.bm-box--border-positive:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-warning{border-color:var(--bm-sem-color-border-warning);border-style:solid}.bm-box--border-warning:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-negative{border-color:var(--bm-sem-color-border-negative);border-style:solid}.bm-box--border-negative:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-primary{border-color:var(--bm-sem-color-border-info-primary);border-style:solid}.bm-box--border-info-primary:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-secondary{border-color:var(--bm-sem-color-border-info-secondary);border-style:solid}.bm-box--border-info-secondary:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-positive-strong{border-color:var(--bm-sem-color-border-positive-strong);border-style:solid}.bm-box--border-positive-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-warning-strong{border-color:var(--bm-sem-color-border-warning-strong);border-style:solid}.bm-box--border-warning-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-negative-strong{border-color:var(--bm-sem-color-border-negative-strong);border-style:solid}.bm-box--border-negative-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-primary-strong{border-color:var(--bm-sem-color-border-info-primary-strong);border-style:solid}.bm-box--border-info-primary-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-info-secondary-strong{border-color:var(--bm-sem-color-border-info-secondary-strong);border-style:solid}.bm-box--border-info-secondary-strong:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-selected{border-color:var(--bm-sem-color-border-selected);border-style:solid}.bm-box--border-selected:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-focus{border-color:var(--bm-sem-color-border-focus);border-style:solid}.bm-box--border-focus:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-inverse{border-color:var(--bm-sem-color-border-inverse);border-style:solid}.bm-box--border-inverse:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-expressive{border-color:var(--bm-expressive-color-border);border-style:solid}.bm-box--border-expressive:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-expressive-stronger{border-color:var(--bm-expressive-color-border-stronger);border-style:solid}.bm-box--border-expressive-stronger:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--border-transparent{border-color:var(--bm-sem-color-border-transparent);border-style:solid}.bm-box--border-transparent:not([class*=border-width-]){border-width:var(--bm-sem-border-width-md)}.bm-box--radius-none{border-radius:var(--bm-sem-radius-none)}.bm-box--radius-xs{border-radius:var(--bm-sem-radius-xs)}.bm-box--radius-sm{border-radius:var(--bm-sem-radius-sm)}.bm-box--radius-md{border-radius:var(--bm-sem-radius-md)}.bm-box--radius-lg{border-radius:var(--bm-sem-radius-lg)}.bm-box--radius-round{border-radius:var(--bm-sem-radius-round)}.bm-box--shadow-none{box-shadow:var(--bm-sem-shadow-none)}.bm-box--shadow-sm{box-shadow:var(--bm-sem-shadow-sm)}.bm-box--shadow-md{box-shadow:var(--bm-sem-shadow-md)}.bm-box--shadow-lg{box-shadow:var(--bm-sem-shadow-lg)}.bm-box--shadow-overlay{box-shadow:var(--bm-sem-shadow-overlay)}";
@@ -10,7 +10,7 @@ var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (t, d, a
     (n = t[i]) && (b = (m ? n(d, a, b) : n(b)) || b);
   return m && b && y(d, a, b), b;
 };
-const { baseClassNamePrefix: S, classModifierPrefix: s } = v("box");
+const { baseClassNamePrefix: S, classModifierPrefix: s } = g("box");
 let r = class extends c {
   constructor() {
     super(...arguments), this.backgroundColor = "transparent";
@@ -38,7 +38,7 @@ let r = class extends c {
       this.borderColor && `${s}border-${this.borderColor}`,
       this.borderWidth && `${s}border-width-${this.borderWidth}`,
       this.borderRadius && `${s}radius-${this.borderRadius}`,
-      ...g(t),
+      ...v(t),
       this.shadow && `${s}shadow-${this.shadow}`
     );
     return p`<div part="box" class=${d}>

package/Divider/Divider.js

@@ -1,7 +1,7 @@
 import { unsafeCSS as w, LitElement as u, html as b } from "lit";
 import { property as a, queryAssignedNodes as _, state as f } from "lit/decorators.js";
 import x from "clsx";
-import { g as C, b as S } from "../chunks/classNames.Cq_tbDRp.js";
+import { b as C, g as S } from "../chunks/classNames.Cq_tbDRp.js";
 import { g as $ } from "../chunks/globals.Bz4SVF2g.js";
 import { c as z } from "../chunks/register-custom-element.DHGKOhmA.js";
 const N = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-gap: var(--bm-sem-space-25, .25rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-gap: var(--bm-sem-space-25, .25rem)}:host([orientation=vertical]),.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto}:host,.bm-divider{width:var(--bm-comp-divider-length, 100%)}.bm-divider{box-sizing:border-box;width:var(--bm-comp-divider-length, 100%);height:auto}.bm-divider--horizontal{text-align:center}.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto;min-height:1.25rem}.bm-divider--vertical .bm-divider__wrapper{height:100%;display:flex;flex-direction:column;align-items:center}.bm-divider--vertical:before,.bm-divider--vertical:after{width:.0625rem;height:100%}.bm-divider--vertical .bm-divider__content{padding:var(--bm-comp-divider-space-content) 0}.bm-divider__wrapper{position:relative;display:flex;align-items:center;height:100%;width:100%}.bm-divider__wrapper:before,.bm-divider__wrapper:after{content:"";background-color:currentColor;flex:1 1 auto;height:.0625rem}.bm-divider__content{font:var(--bm-comp-divider-typo-text);padding:0 var(--bm-comp-divider-space-content);display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-text);gap:var(--bm-comp-divider-space-content-gap)}.bm-divider__icon{display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-icon)}.bm-divider__icon svg{height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider__icon ::slotted([slot=icon]){display:inline-flex;height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider--icon-only .bm-divider__icon{margin-right:0;color:var(--bm-comp-divider-color-icon)}.bm-divider--icon-only .bm-divider__icon svg{height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider--icon-only .bm-divider__icon ::slotted([slot=icon]){height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider__text{white-space:nowrap}.bm-divider--border-width-md .bm-divider__wrapper:before,.bm-divider--border-width-md .bm-divider__wrapper:after{height:var(--bm-sem-border-width-md)}.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-md);height:auto}.bm-divider--border-width-lg .bm-divider__wrapper:before,.bm-divider--border-width-lg .bm-divider__wrapper:after{height:var(--bm-sem-border-width-lg)}.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-lg);height:auto}.bm-divider--border-width-xl .bm-divider__wrapper:before,.bm-divider--border-width-xl .bm-divider__wrapper:after{height:var(--bm-sem-border-width-xl)}.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-xl);height:auto}.bm-divider--border-style-dashed .bm-divider__wrapper:before,.bm-divider--border-style-dashed .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dotted .bm-divider__wrapper:before,.bm-divider--border-style-dotted .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-color-border-00{color:var(--bm-sem-color-border-00)}.bm-divider--border-color-border-00-alt{color:var(--bm-sem-color-border-00-alt)}.bm-divider--border-color-border-01{color:var(--bm-sem-color-border-01)}.bm-divider--border-color-border-02{color:var(--bm-sem-color-border-02)}.bm-divider--border-color-border-03{color:var(--bm-sem-color-border-03)}.bm-divider--border-color-border-strong{color:var(--bm-sem-color-border-strong)}.bm-divider--border-color-border-positive{color:var(--bm-sem-color-border-positive)}.bm-divider--border-color-border-warning{color:var(--bm-sem-color-border-warning)}.bm-divider--border-color-border-negative{color:var(--bm-sem-color-border-negative)}.bm-divider--border-color-border-info-primary{color:var(--bm-sem-color-border-info-primary)}.bm-divider--border-color-border-info-secondary{color:var(--bm-sem-color-border-info-secondary)}.bm-divider--border-color-border-positive-strong{color:var(--bm-sem-color-border-positive-strong)}.bm-divider--border-color-border-warning-strong{color:var(--bm-sem-color-border-warning-strong)}.bm-divider--border-color-border-negative-strong{color:var(--bm-sem-color-border-negative-strong)}.bm-divider--border-color-border-info-primary-strong{color:var(--bm-sem-color-border-info-primary-strong)}.bm-divider--border-color-border-info-secondary-strong{color:var(--bm-sem-color-border-info-secondary-strong)}.bm-divider--border-color-border-inverse{color:var(--bm-sem-color-border-inverse)}.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 0%}.bm-divider--align-start .bm-divider__wrapper:after{flex:1 1 auto}.bm-divider--align-start .bm-divider__content{padding-inline-start:0}.bm-divider--align-end .bm-divider__wrapper:before{flex:1 1 auto}.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 0%}.bm-divider--align-end .bm-divider__content{padding-inline-end:0}.bm-divider--vertical.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 1rem}.bm-divider--vertical.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 1rem}';
@@ -17,7 +17,7 @@ const {
   classModifierPrefix: m,
   subElementClassPrefix: s,
   variablePrefix: O
-} = C("divider");
+} = S("divider");
 let o = class extends u {
   constructor() {
     super(...arguments), this.orientation = "horizontal", this.borderColor = "01", this.borderWidth = "md", this.borderStyle = "solid", this.alignContent = "center", this.inset = "0", this._hasContent = !1, this._hasIcon = !1, g(this, v, () => this._hasIcon ? b` <span class="${s}icon">
@@ -41,7 +41,7 @@ let o = class extends u {
   }
   render() {
     this.style.setProperty(`${O}-length`, this.length || "100%");
-    const r = this._hasIcon && !this._hasContent, e = !this._hasIcon && !this._hasContent, i = S({
+    const r = this._hasIcon && !this._hasContent, e = !this._hasIcon && !this._hasContent, i = C({
       [`p${this.orientation === "vertical" ? "y" : "x"}`]: this.inset
     }), n = x(
       k,

package/Tooltip/Tooltip.js

@@ -2,7 +2,7 @@ import { unsafeCSS as xt, css as he, html as Yt, LitElement as qt } from "lit";
 import { property as v, state as ge } from "lit/decorators.js";
 import { createRef as zt, ref as Tt } from "lit/directives/ref.js";
 import bt from "clsx";
-import { h as ve, g as Gt, j as kt, k as be } from "../chunks/classNames.Cq_tbDRp.js";
+import { h as ve, j as kt, k as be, g as Gt } from "../chunks/classNames.Cq_tbDRp.js";
 import { p as ye, t as we } from "../chunks/constants.jOWREYQE.js";
 import { e as xe, f as Ce } from "../chunks/tokens.CTW8Tt94.js";
 import { c as Zt } from "../chunks/register-custom-element.DHGKOhmA.js";