@viasat/beam-web-components 2.9.0 → 2.10.0

package/local/Accordion/Accordion.js

@@ -5,7 +5,7 @@ import "../chunks/state.CqiuSzAl.js";
 import "../chunks/query-assigned-nodes.Dgvsf6BR.js";
 import "../chunks/unsafe-svg.HSGf1NCU.js";
 import "../chunks/classNames.C6fNrXWF.js";
-import { B as e } from "../chunks/Accordion.PGU7OILE.js";
+import { B as e } from "../chunks/Accordion.BP1XR2Gd.js";
 import "./AccordionGroup.context.js";
 export {
   e as BmAccordion

package/local/Accordion/AccordionGroup.js

@@ -1,4 +1,4 @@
-import { a as u } from "../chunks/Accordion.PGU7OILE.js";
+import { a as u } from "../chunks/Accordion.BP1XR2Gd.js";
 import { e as v } from "../chunks/provide.i2FlUkOu.js";
 import { r as _, i as C, a as x, x as y } from "../chunks/lit-element.CJtt9wj5.js";
 import { n as f, c as E } from "../chunks/register-custom-element.vod7zfGv.js";

package/local/Accordion/index.js

@@ -1,4 +1,4 @@
-import { B as c } from "../chunks/Accordion.PGU7OILE.js";
+import { B as c } from "../chunks/Accordion.BP1XR2Gd.js";
 import { BmAccordionGroup as p } from "./AccordionGroup.js";
 export {
   c as BmAccordion,

package/local/BadgeDot/BadgeDot.js

@@ -1,6 +1,6 @@
 import { r as p, a as s, E as g, x as l } from "../chunks/lit-element.CJtt9wj5.js";
 import { n as d, c as f } from "../chunks/register-custom-element.vod7zfGv.js";
-import { g as v, c as y } from "../chunks/classNames.C6fNrXWF.js";
+import { c as v, g as y } from "../chunks/classNames.C6fNrXWF.js";
 import { t as h } from "../chunks/constants.jOWREYQE.js";
 const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--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,[data-bm-theme~=bm-dark]{--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-dot{display:inline-flex;align-items:center;gap:var(--bm-comp-badge-dot-space-gap);font:var(--bm-comp-badge-dot-typo-strong);min-width:min-content;color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot:before{content:" ";flex-shrink:0;min-width:var(--bm-comp-badge-dot-size);width:var(--bm-comp-badge-dot-size);height:var(--bm-comp-badge-dot-size);border-radius:var(--bm-comp-badge-dot-radius);border-width:var(--bm-comp-badge-dot-border-width);background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border));border-style:solid;box-sizing:border-box}.bm-badge-dot:dir(rtl):before{flex-direction:row-reverse}.bm-badge-dot--infoPrimary{color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot--infoPrimary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border))}.bm-badge-dot--infoSecondary{color:var(--bm-comp-badge-dot-color-info-secondary-text)}.bm-badge-dot--infoSecondary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-border))}.bm-badge-dot--positive{color:var(--bm-comp-badge-dot-color-positive-text)}.bm-badge-dot--positive:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-border))}.bm-badge-dot--warning{color:var(--bm-comp-badge-dot-color-warning-text)}.bm-badge-dot--warning:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-border))}.bm-badge-dot--negative{color:var(--bm-comp-badge-dot-color-negative-text)}.bm-badge-dot--negative:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-border))}.bm-badge-dot--subtle{font:var(--bm-comp-badge-dot-typo-subtle)}.bm-badge-dot--strong{font:var(--bm-comp-badge-dot-typo-strong)}';
 var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (b, e, m, t) => {
@@ -8,7 +8,7 @@ var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (b, e, m
     (i = b[c]) && (o = (t ? i(e, m, o) : i(o)) || o);
   return t && o && u(e, m, o), o;
 };
-const { baseClassNamePrefix: S, classModifierPrefix: n, variablePrefix: P } = v("badge-dot"), $ = `${P}-color`;
+const { baseClassNamePrefix: S, classModifierPrefix: n, variablePrefix: P } = y("badge-dot"), $ = `${P}-color`;
 let r = class extends s {
   constructor() {
     super(), this.appearance = "infoPrimary", this.emphasis = "strong", this.badgeDotUniqueId = `badge-dot-${Math.random().toString(36).slice(2, 9)}`;
@@ -16,7 +16,7 @@ let r = class extends s {
   render() {
     const b = `
       ${this.overrideDotColor ? `${$}: ${this.overrideDotColor};` : ""}
-    `, e = this.innerHTML.length > 0, m = y(
+    `, e = this.innerHTML.length > 0, m = v(
       S,
       this.emphasis && `${n}${this.emphasis}`,
       this.appearance && `${n}${this.appearance}`,

package/local/Divider/Divider.js

@@ -2,7 +2,7 @@ import { r as w, a as x, x as b } from "../chunks/lit-element.CJtt9wj5.js";
 import { n as a, c as u } from "../chunks/register-custom-element.vod7zfGv.js";
 import { r as _ } from "../chunks/state.CqiuSzAl.js";
 import { n as f } from "../chunks/query-assigned-nodes.Dgvsf6BR.js";
-import { g as C, k as $, c as S } from "../chunks/classNames.C6fNrXWF.js";
+import { k as C, c as $, g as S } from "../chunks/classNames.C6fNrXWF.js";
 import { g as z } from "../chunks/globals.Bz4SVF2g.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}';
 var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, y = (r) => {
@@ -17,7 +17,7 @@ const {
   classModifierPrefix: m,
   subElementClassPrefix: s,
   variablePrefix: O
-} = C("divider");
+} = S("divider");
 let o = class extends x {
   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,9 +41,9 @@ let o = class extends x {
   }
   render() {
     this.style.setProperty(`${O}-length`, this.length || "100%");
-    const r = this._hasIcon && !this._hasContent, e = !this._hasIcon && !this._hasContent, i = $({
+    const r = this._hasIcon && !this._hasContent, e = !this._hasIcon && !this._hasContent, i = C({
       [`p${this.orientation === "vertical" ? "y" : "x"}`]: this.inset
-    }), n = S(
+    }), n = $(
       k,
       `${m}${this.orientation}`,
       `${m}border-width-${this.borderWidth}`,

package/local/InputChoiceGroup/InputChoiceGroup.js

@@ -4,7 +4,7 @@ import { n as s, c as V } from "../chunks/register-custom-element.vod7zfGv.js";
 import { r as z } from "../chunks/state.CqiuSzAl.js";
 import { o as d } from "../chunks/query-assigned-elements.Drkgpk9q.js";
 import { e as G, n as O } from "../chunks/ref.B7e1Hu4F.js";
-import { a as w, c as q, g as M } from "../chunks/classNames.C6fNrXWF.js";
+import { c as q, a as w, g as M } from "../chunks/classNames.C6fNrXWF.js";
 import { t as P } from "../chunks/constants.jOWREYQE.js";
 import { FormField as F } from "../wip/Form/Form.decorator.js";
 import { inputChoiceGroupContext as B } from "./InputChoiceGroup.context.js";

package/local/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 import { r as xt, i as he, x as Yt, a as qt } from "../chunks/lit-element.CJtt9wj5.js";
 import { n as v, c as Gt } from "../chunks/register-custom-element.vod7zfGv.js";
 import { e as zt, n as Tt } from "../chunks/ref.B7e1Hu4F.js";
-import { e as ge, g as Zt, f as kt, h as ve, c as bt } from "../chunks/classNames.C6fNrXWF.js";
+import { e as ge, f as kt, h as ve, g as Zt, c as bt } from "../chunks/classNames.C6fNrXWF.js";
 import { p as be, t as ye } from "../chunks/constants.jOWREYQE.js";
 import { e as we, f as xe } from "../chunks/tokens.CTW8Tt94.js";
 import { c as Ce, d as Dt, m as $t, r as Oe, h as Ae, e as Jt, f as Bt } from "../chunks/helpers.BWcXAteC.js";

package/local/chunks/{Accordion.PGU7OILE.js → Accordion.BP1XR2Gd.js}

@@ -4,7 +4,7 @@ import { n as p, c as O } from "./register-custom-element.vod7zfGv.js";
 import { r as $ } from "./state.CqiuSzAl.js";
 import { n as k } from "./query-assigned-nodes.Dgvsf6BR.js";
 import { o as E } from "./unsafe-svg.HSGf1NCU.js";
-import { n as I, g as N, c as l } from "./classNames.C6fNrXWF.js";
+import { n as I, c as l, g as N } from "./classNames.C6fNrXWF.js";
 import { b as D } from "./constants.jOWREYQE.js";
 import { AccordionGroupCtx as M } from "../Accordion/AccordionGroup.context.js";
 const U = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">

package/local/wip/FileUpload/FileUpload.js

@@ -5,7 +5,7 @@ import { n as c, c as Q } from "../../chunks/register-custom-element.vod7zfGv.js
 import { r as P } from "../../chunks/state.CqiuSzAl.js";
 import { o as N } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
 import { e as X } from "../../chunks/ref.B7e1Hu4F.js";
-import { p as Y, a as z, c as Z, g as ee, d as q } from "../../chunks/classNames.C6fNrXWF.js";
+import { p as Y, c as Z, a as z, g as ee, d as q } from "../../chunks/classNames.C6fNrXWF.js";
 import { t as te } from "../../chunks/constants.jOWREYQE.js";
 import { f as ie } from "../../chunks/fileUpload.module.kN6o64aL.js";
 import { d as re } from "../../chunks/tokens.CTW8Tt94.js";

package/local/wip/NativeSelect/NativeSelect.js

@@ -2,7 +2,7 @@ import { r as I, x as C } from "../../chunks/lit-element.CJtt9wj5.js";
 import { n as s, c as O } from "../../chunks/register-custom-element.vod7zfGv.js";
 import { o as y } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
 import { n as T } from "../../chunks/ref.B7e1Hu4F.js";
-import { i as k, p as u, a as w, c as N, g as S } from "../../chunks/classNames.C6fNrXWF.js";
+import { i as k, p as u, c as w, a as N, g as S } from "../../chunks/classNames.C6fNrXWF.js";
 import { t as L } from "../../chunks/constants.jOWREYQE.js";
 import { r as E } from "../../chunks/delegate.baxDQosr.js";
 import { b as Q } from "../../chunks/helpers.BWcXAteC.js";
@@ -56,7 +56,7 @@ let c = class extends _ {
     });
   }
   updated(e) {
-    const [o] = this._selectLabel, [r] = this._selectHelperText, { decorate: i } = w(o), { decorate: m } = w(r), l = u(e, ["value"]), p = u(e, ["validationRules"]), v = u(e, ["formContext", "disabled"]), x = u(e, [
+    const [o] = this._selectLabel, [r] = this._selectHelperText, { decorate: i } = N(o), { decorate: m } = N(r), l = u(e, ["value"]), p = u(e, ["validationRules"]), v = u(e, ["formContext", "disabled"]), x = u(e, [
       "formContext",
       "required",
       "hideRequiredMarker"
@@ -69,11 +69,11 @@ let c = class extends _ {
     };
   }
   render() {
-    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), r = typeof this.error == "string" || !!o, i = N(
+    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), r = typeof this.error == "string" || !!o, i = w(
       this.helperTextId,
       this.error && this.errorId,
       this.validationErrorShown() && this.validationErrorsId
-    ), m = N(
+    ), m = w(
       W,
       r && `${h}error`,
       this.theme && L(this.theme),

package/local/wip/TextArea/TextArea.js

@@ -2,7 +2,7 @@ import { r as R, x as _, E as D } from "../../chunks/lit-element.CJtt9wj5.js";
 import { n as m, c as L } from "../../chunks/register-custom-element.vod7zfGv.js";
 import { o as k } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
 import { e as W, n as N } from "../../chunks/ref.B7e1Hu4F.js";
-import { p as d, a as I, c as C, g as V } from "../../chunks/classNames.C6fNrXWF.js";
+import { p as d, c as I, a as C, g as V } from "../../chunks/classNames.C6fNrXWF.js";
 import { t as G } from "../../chunks/constants.jOWREYQE.js";
 import { r as B } from "../../chunks/delegate.baxDQosr.js";
 import { FormField as H } from "../Form/Form.decorator.js";
@@ -59,7 +59,7 @@ let i = class extends H {
     ` : D);
   }
   updated(e) {
-    const [r] = this._textAreaLabel, [t] = this._textAreaHelperText, { decorate: s } = I(r), { decorate: c } = I(t), b = d(e, ["value"]), u = d(e, ["maxCount"]), T = d(e, ["autoResize"]), Y = d(e, ["validationRules"]), $ = d(e, ["formContext", "disabled"]), E = d(e, [
+    const [r] = this._textAreaLabel, [t] = this._textAreaHelperText, { decorate: s } = C(r), { decorate: c } = C(t), b = d(e, ["value"]), u = d(e, ["maxCount"]), T = d(e, ["autoResize"]), Y = d(e, ["validationRules"]), $ = d(e, ["formContext", "disabled"]), E = d(e, [
       "formContext",
       "required",
       "hideRequiredMarker"
@@ -75,11 +75,11 @@ let i = class extends H {
     };
   }
   render() {
-    const { ariaInvalid: e } = this, { length: r } = this.validationErrors(), t = typeof this.error == "string" || !!r, s = C(
+    const { ariaInvalid: e } = this, { length: r } = this.validationErrors(), t = typeof this.error == "string" || !!r, s = I(
       this.helperTextId,
       this.error && this.errorId,
       this.validationErrorShown() && this.validationErrorsId
-    ), c = C(
+    ), c = I(
       F,
       t && `${n}error`,
       this.theme && G(this.theme),

package/local/wip/TextField/TextField.js

@@ -3,7 +3,7 @@ import { n as c, c as O } from "../../chunks/register-custom-element.vod7zfGv.js
 import { r as k } from "../../chunks/state.CqiuSzAl.js";
 import { o as S } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
 import { n as A } from "../../chunks/ref.B7e1Hu4F.js";
-import { p as f, a as C, c as $, g as P } from "../../chunks/classNames.C6fNrXWF.js";
+import { p as f, c as C, a as $, g as P } from "../../chunks/classNames.C6fNrXWF.js";
 import { t as I } from "../../chunks/constants.jOWREYQE.js";
 import { r as T } from "../../chunks/delegate.baxDQosr.js";
 import { s as z } from "../../chunks/helpers.BWcXAteC.js";
@@ -50,7 +50,7 @@ let t = class extends W {
     });
   }
   updated(e) {
-    const [o] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: a } = C(o), { decorate: l } = C(i), n = f(e, ["value"]), p = f(e, ["validationRules"]), F = f(e, ["formContext", "disabled"]), M = f(e, [
+    const [o] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: a } = $(o), { decorate: l } = $(i), n = f(e, ["value"]), p = f(e, ["validationRules"]), F = f(e, ["formContext", "disabled"]), M = f(e, [
       "formContext",
       "required",
       "hideRequiredMarker"
@@ -58,11 +58,11 @@ let t = class extends W {
     (n || q) && this.setContextValue(), F && (a({ disabled: m(this, d).call(this) }), l({ disabled: m(this, d).call(this) })), p && this.setContextValidation(), M && a({ required: m(this, x).call(this) && !this.hideRequiredMarker });
   }
   render() {
-    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), i = typeof this.error == "string" || !!o, a = $(
+    const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), i = typeof this.error == "string" || !!o, a = C(
       this.helperTextId,
       this.error && this.errorId,
       this.validationErrorShown() && this.validationErrorsId
-    ), l = $(
+    ), l = C(
       N,
       i && `${h}error`,
       this.theme && I(this.theme),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-web-components",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
   "license": "MIT",
   "author": "Viasat",
@@ -64,11 +64,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.9.0",
-    "@viasat/beam-shared": "2.9.0",
-    "@viasat/beam-styles": "2.9.0",
-    "@viasat/beam-tokens": "2.9.0",
-    "@viasat/beam-icons": "2.9.0",
+    "@viasat/beam-fonts": "2.10.0",
+    "@viasat/beam-shared": "2.10.0",
+    "@viasat/beam-styles": "2.10.0",
+    "@viasat/beam-tokens": "2.10.0",
+    "@viasat/beam-icons": "2.10.0",
     "clsx": "^1.2.1",
     "lit": "^3.1.0",
     "@lit/context": "^1.1.1",