@viasat/beam-tokens 2.71.0 → 2.72.1

package/tokens.scss

@@ -913,6 +913,33 @@ $bm-comp-badge-color-info-secondary-subtle-fg: var(
 $bm-comp-badge-color-info-secondary-subtle-border: var(
   --bm-comp-badge-color-info-secondary-subtle-border
 );
+$bm-comp-badge-color-accent-strong-bg: var(
+  --bm-comp-badge-color-accent-strong-bg
+);
+$bm-comp-badge-color-accent-strong-fg: var(
+  --bm-comp-badge-color-accent-strong-fg
+);
+$bm-comp-badge-color-accent-strong-border: var(
+  --bm-comp-badge-color-accent-strong-border
+);
+$bm-comp-badge-color-accent-medium-bg: var(
+  --bm-comp-badge-color-accent-medium-bg
+);
+$bm-comp-badge-color-accent-medium-fg: var(
+  --bm-comp-badge-color-accent-medium-fg
+);
+$bm-comp-badge-color-accent-medium-border: var(
+  --bm-comp-badge-color-accent-medium-border
+);
+$bm-comp-badge-color-accent-subtle-bg: var(
+  --bm-comp-badge-color-accent-subtle-bg
+);
+$bm-comp-badge-color-accent-subtle-fg: var(
+  --bm-comp-badge-color-accent-subtle-fg
+);
+$bm-comp-badge-color-accent-subtle-border: var(
+  --bm-comp-badge-color-accent-subtle-border
+);
 $bm-comp-badge-dot-color-positive-bg: var(
   --bm-comp-badge-dot-color-positive-bg
 );
@@ -956,6 +983,24 @@ $bm-comp-badge-dot-color-info-secondary-border: var(
 $bm-comp-badge-dot-color-info-secondary-text: var(
   --bm-comp-badge-dot-color-info-secondary-text
 );
+$bm-comp-badge-indicator-color-marker-accent-medium-bg: var(
+  --bm-comp-badge-indicator-color-marker-accent-medium-bg
+);
+$bm-comp-badge-indicator-color-marker-info-primary-medium-bg: var(
+  --bm-comp-badge-indicator-color-marker-info-primary-medium-bg
+);
+$bm-comp-badge-indicator-color-marker-info-secondary-medium-bg: var(
+  --bm-comp-badge-indicator-color-marker-info-secondary-medium-bg
+);
+$bm-comp-badge-indicator-color-marker-positive-medium-bg: var(
+  --bm-comp-badge-indicator-color-marker-positive-medium-bg
+);
+$bm-comp-badge-indicator-color-marker-warning-medium-bg: var(
+  --bm-comp-badge-indicator-color-marker-warning-medium-bg
+);
+$bm-comp-badge-indicator-color-marker-negative-medium-bg: var(
+  --bm-comp-badge-indicator-color-marker-negative-medium-bg
+);
 $bm-comp-batch-actions-color-count: var(--bm-comp-batch-actions-color-count);
 $bm-comp-breadcrumb-color-enabled: var(--bm-comp-breadcrumb-color-enabled);
 $bm-comp-breadcrumb-color-hover: var(--bm-comp-breadcrumb-color-hover);
@@ -1627,6 +1672,22 @@ $bm-comp-badge-dot-space-gap: var(--bm-comp-badge-dot-space-gap);
 $bm-comp-badge-dot-size: var(--bm-comp-badge-dot-size);
 $bm-comp-badge-dot-radius: var(--bm-comp-badge-dot-radius);
 $bm-comp-badge-dot-border-width: var(--bm-comp-badge-dot-border-width);
+$bm-comp-badge-indicator-radius: var(--bm-comp-badge-indicator-radius);
+$bm-comp-badge-indicator-space-x: var(--bm-comp-badge-indicator-space-x);
+$bm-comp-badge-indicator-size-sm: var(--bm-comp-badge-indicator-size-sm);
+$bm-comp-badge-indicator-size-md: var(--bm-comp-badge-indicator-size-md);
+$bm-comp-badge-indicator-size-marker-sm: var(
+  --bm-comp-badge-indicator-size-marker-sm
+);
+$bm-comp-badge-indicator-size-marker-md: var(
+  --bm-comp-badge-indicator-size-marker-md
+);
+$bm-comp-badge-indicator-size-icon-sm: var(
+  --bm-comp-badge-indicator-size-icon-sm
+);
+$bm-comp-badge-indicator-size-icon-md: var(
+  --bm-comp-badge-indicator-size-icon-md
+);
 $bm-comp-batch-actions-space-gap: var(--bm-comp-batch-actions-space-gap);
 $bm-comp-batch-actions-space-actions-gap: var(
   --bm-comp-batch-actions-space-actions-gap
@@ -2131,6 +2192,19 @@ $bm-comp-tooltip-size-icon-trigger-lg: var(
 $bm-comp-tooltip-size-icon-trigger-xl: var(
   --bm-comp-tooltip-size-icon-trigger-xl
 );
+$bm-alias-action-radius-container: var(--bm-alias-action-radius-container);
+$bm-alias-action-radius-focus: var(--bm-alias-action-radius-focus);
+$bm-alias-action-space-sm-x: var(--bm-alias-action-space-sm-x);
+$bm-alias-action-space-md-x: var(--bm-alias-action-space-md-x);
+$bm-alias-action-space-lg-x: var(--bm-alias-action-space-lg-x);
+$bm-alias-badge-radius: var(--bm-alias-badge-radius);
+$bm-alias-badge-space-x: var(--bm-alias-badge-space-x);
+$bm-alias-chip-radius-container: var(--bm-alias-chip-radius-container);
+$bm-alias-chip-radius-focus: var(--bm-alias-chip-radius-focus);
+$bm-alias-chip-space-sm-x: var(--bm-alias-chip-space-sm-x);
+$bm-alias-chip-space-md-x: var(--bm-alias-chip-space-md-x);
+$bm-alias-chip-space-lg-x: var(--bm-alias-chip-space-lg-x);
+
 $bm-primitive-text-decoration-none: var(--bm-primitive-text-decoration-none);
 $bm-primitive-text-decoration-underline: var(
   --bm-primitive-text-decoration-underline
@@ -2321,6 +2395,8 @@ $bm-comp-badge-typo-sm: var(--bm-comp-badge-typo-sm);
 $bm-comp-badge-typo-md: var(--bm-comp-badge-typo-md);
 $bm-comp-badge-dot-typo-subtle: var(--bm-comp-badge-dot-typo-subtle);
 $bm-comp-badge-dot-typo-strong: var(--bm-comp-badge-dot-typo-strong);
+$bm-comp-badge-indicator-typo-sm: var(--bm-comp-badge-indicator-typo-sm);
+$bm-comp-badge-indicator-typo-md: var(--bm-comp-badge-indicator-typo-md);
 $bm-comp-batch-actions-typo-count: var(--bm-comp-batch-actions-typo-count);
 $bm-comp-breadcrumb-typo-default: var(--bm-comp-breadcrumb-typo-default);
 $bm-comp-btn-typo-sm: var(--bm-comp-btn-typo-sm);
@@ -2389,18 +2465,6 @@ $bm-comp-tabs-typo-lg-selected: var(--bm-comp-tabs-typo-lg-selected);
 $bm-comp-toast-typo-heading: var(--bm-comp-toast-typo-heading);
 $bm-comp-toast-typo-body: var(--bm-comp-toast-typo-body);
 $bm-comp-tooltip-typo-body: var(--bm-comp-tooltip-typo-body);
-$bm-alias-action-radius-container: var(--bm-alias-action-radius-container);
-$bm-alias-action-radius-focus: var(--bm-alias-action-radius-focus);
-$bm-alias-action-space-sm-x: var(--bm-alias-action-space-sm-x);
-$bm-alias-action-space-md-x: var(--bm-alias-action-space-md-x);
-$bm-alias-action-space-lg-x: var(--bm-alias-action-space-lg-x);
-$bm-alias-badge-radius: var(--bm-alias-badge-radius);
-$bm-alias-badge-space-x: var(--bm-alias-badge-space-x);
-$bm-alias-chip-radius-container: var(--bm-alias-chip-radius-container);
-$bm-alias-chip-radius-focus: var(--bm-alias-chip-radius-focus);
-$bm-alias-chip-space-sm-x: var(--bm-alias-chip-space-sm-x);
-$bm-alias-chip-space-md-x: var(--bm-alias-chip-space-md-x);
-$bm-alias-chip-space-lg-x: var(--bm-alias-chip-space-lg-x);
 
 $bm-primitive-shadow-0: var(--bm-primitive-shadow-0);
 $bm-primitive-shadow-1: var(--bm-primitive-shadow-1);

package/types/lib/js/tokens.d.ts

@@ -795,6 +795,15 @@ export declare const bmCompBadgeColorInfoSecondaryMediumBorder = "var(--bm-comp-
 export declare const bmCompBadgeColorInfoSecondarySubtleBg = "var(--bm-comp-badge-color-info-secondary-subtle-bg)";
 export declare const bmCompBadgeColorInfoSecondarySubtleFg = "var(--bm-comp-badge-color-info-secondary-subtle-fg)";
 export declare const bmCompBadgeColorInfoSecondarySubtleBorder = "var(--bm-comp-badge-color-info-secondary-subtle-border)";
+export declare const bmCompBadgeColorAccentStrongBg = "var(--bm-comp-badge-color-accent-strong-bg)";
+export declare const bmCompBadgeColorAccentStrongFg = "var(--bm-comp-badge-color-accent-strong-fg)";
+export declare const bmCompBadgeColorAccentStrongBorder = "var(--bm-comp-badge-color-accent-strong-border)";
+export declare const bmCompBadgeColorAccentMediumBg = "var(--bm-comp-badge-color-accent-medium-bg)";
+export declare const bmCompBadgeColorAccentMediumFg = "var(--bm-comp-badge-color-accent-medium-fg)";
+export declare const bmCompBadgeColorAccentMediumBorder = "var(--bm-comp-badge-color-accent-medium-border)";
+export declare const bmCompBadgeColorAccentSubtleBg = "var(--bm-comp-badge-color-accent-subtle-bg)";
+export declare const bmCompBadgeColorAccentSubtleFg = "var(--bm-comp-badge-color-accent-subtle-fg)";
+export declare const bmCompBadgeColorAccentSubtleBorder = "var(--bm-comp-badge-color-accent-subtle-border)";
 export declare const bmCompBadgeSpaceGap = "var(--bm-comp-badge-space-gap)";
 export declare const bmCompBadgeSpaceX = "var(--bm-comp-badge-space-x)";
 export declare const bmCompBadgeSizeIcon = "var(--bm-comp-badge-size-icon)";
@@ -826,6 +835,22 @@ export declare const bmCompBadgeDotRadius = "var(--bm-comp-badge-dot-radius)";
 export declare const bmCompBadgeDotBorderWidth = "var(--bm-comp-badge-dot-border-width)";
 export declare const bmCompBadgeDotTypoSubtle = "var(--bm-comp-badge-dot-typo-subtle)";
 export declare const bmCompBadgeDotTypoStrong = "var(--bm-comp-badge-dot-typo-strong)";
+export declare const bmCompBadgeIndicatorRadius = "var(--bm-comp-badge-indicator-radius)";
+export declare const bmCompBadgeIndicatorSpaceX = "var(--bm-comp-badge-indicator-space-x)";
+export declare const bmCompBadgeIndicatorSizeSm = "var(--bm-comp-badge-indicator-size-sm)";
+export declare const bmCompBadgeIndicatorSizeMd = "var(--bm-comp-badge-indicator-size-md)";
+export declare const bmCompBadgeIndicatorSizeMarkerSm = "var(--bm-comp-badge-indicator-size-marker-sm)";
+export declare const bmCompBadgeIndicatorSizeMarkerMd = "var(--bm-comp-badge-indicator-size-marker-md)";
+export declare const bmCompBadgeIndicatorSizeIconSm = "var(--bm-comp-badge-indicator-size-icon-sm)";
+export declare const bmCompBadgeIndicatorSizeIconMd = "var(--bm-comp-badge-indicator-size-icon-md)";
+export declare const bmCompBadgeIndicatorTypoSm = "var(--bm-comp-badge-indicator-typo-sm)";
+export declare const bmCompBadgeIndicatorTypoMd = "var(--bm-comp-badge-indicator-typo-md)";
+export declare const bmCompBadgeIndicatorColorMarkerAccentMediumBg = "var(--bm-comp-badge-indicator-color-marker-accent-medium-bg)";
+export declare const bmCompBadgeIndicatorColorMarkerInfoPrimaryMediumBg = "var(--bm-comp-badge-indicator-color-marker-info-primary-medium-bg)";
+export declare const bmCompBadgeIndicatorColorMarkerInfoSecondaryMediumBg = "var(--bm-comp-badge-indicator-color-marker-info-secondary-medium-bg)";
+export declare const bmCompBadgeIndicatorColorMarkerPositiveMediumBg = "var(--bm-comp-badge-indicator-color-marker-positive-medium-bg)";
+export declare const bmCompBadgeIndicatorColorMarkerWarningMediumBg = "var(--bm-comp-badge-indicator-color-marker-warning-medium-bg)";
+export declare const bmCompBadgeIndicatorColorMarkerNegativeMediumBg = "var(--bm-comp-badge-indicator-color-marker-negative-medium-bg)";
 export declare const bmCompBatchActionsTypoCount = "var(--bm-comp-batch-actions-typo-count)";
 export declare const bmCompBatchActionsColorCount = "var(--bm-comp-batch-actions-color-count)";
 export declare const bmCompBatchActionsSpaceGap = "var(--bm-comp-batch-actions-space-gap)";

package/types/lib/js/tokensObj.d.ts

@@ -10126,6 +10126,86 @@ export declare const componentTokens: {
                     };
                 };
             };
+            accent: {
+                strong: {
+                    bg: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                    fg: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                    border: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                };
+                medium: {
+                    bg: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                    fg: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                    border: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                };
+                subtle: {
+                    bg: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                    fg: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                    border: {
+                        type: string;
+                        value: string;
+                        attributes: {
+                            cssProperty: string;
+                        };
+                        path: string[];
+                    };
+                };
+            };
         };
         space: {
             gap: {
@@ -10396,6 +10476,166 @@ export declare const componentTokens: {
             };
         };
     };
+    "badge-indicator": {
+        radius: {
+            value: string;
+            type: string;
+            attributes: {
+                cssProperty: string;
+            };
+            path: string[];
+        };
+        space: {
+            x: {
+                value: string;
+                type: string;
+                attributes: {
+                    cssProperty: string;
+                };
+                path: string[];
+            };
+        };
+        size: {
+            sm: {
+                value: string;
+                type: string;
+                attributes: {
+                    cssProperty: string;
+                };
+                path: string[];
+            };
+            md: {
+                value: string;
+                type: string;
+                attributes: {
+                    cssProperty: string;
+                };
+                path: string[];
+            };
+            "marker-sm": {
+                value: string;
+                type: string;
+                attributes: {
+                    cssProperty: string;
+                };
+                path: string[];
+            };
+            "marker-md": {
+                value: string;
+                type: string;
+                attributes: {
+                    cssProperty: string;
+                };
+                path: string[];
+            };
+            "icon-sm": {
+                value: string;
+                type: string;
+                attributes: {
+                    cssProperty: string[];
+                };
+                path: string[];
+            };
+            "icon-md": {
+                value: string;
+                type: string;
+                attributes: {
+                    cssProperty: string[];
+                };
+                path: string[];
+            };
+        };
+        typo: {
+            sm: {
+                value: string;
+                type: string;
+                attributes: {};
+                path: string[];
+            };
+            md: {
+                value: string;
+                type: string;
+                attributes: {};
+                path: string[];
+            };
+        };
+        color: {
+            marker: {
+                accent: {
+                    medium: {
+                        bg: {
+                            value: string;
+                            type: string;
+                            attributes: {
+                                cssProperty: string;
+                            };
+                            path: string[];
+                        };
+                    };
+                };
+                "info-primary": {
+                    medium: {
+                        bg: {
+                            value: string;
+                            type: string;
+                            attributes: {
+                                cssProperty: string;
+                            };
+                            path: string[];
+                        };
+                    };
+                };
+                "info-secondary": {
+                    medium: {
+                        bg: {
+                            value: string;
+                            type: string;
+                            attributes: {
+                                cssProperty: string;
+                            };
+                            path: string[];
+                        };
+                    };
+                };
+                positive: {
+                    medium: {
+                        bg: {
+                            value: string;
+                            type: string;
+                            attributes: {
+                                cssProperty: string;
+                            };
+                            path: string[];
+                        };
+                    };
+                };
+                warning: {
+                    medium: {
+                        bg: {
+                            value: string;
+                            type: string;
+                            attributes: {
+                                cssProperty: string;
+                            };
+                            path: string[];
+                        };
+                    };
+                };
+                negative: {
+                    medium: {
+                        bg: {
+                            value: string;
+                            type: string;
+                            attributes: {
+                                cssProperty: string;
+                            };
+                            path: string[];
+                        };
+                    };
+                };
+            };
+        };
+    };
     "batch-actions": {
         typo: {
             count: {

package/types/utils/constants/theme.d.ts

@@ -19,6 +19,7 @@ export declare const SUPPORTED_LANGUAGE_CODES: {
     readonly ar: "ar";
     readonly he: "he";
     readonly ja: "ja";
+    readonly th: "th";
     readonly zh: "zh";
 };
-export declare const SUPPORT_LANGUAGES: ("ar" | "he" | "ja" | "zh")[];
+export declare const SUPPORT_LANGUAGES: ("ar" | "he" | "ja" | "th" | "zh")[];

package/types/utils/constants/token-types.d.ts

@@ -27,13 +27,20 @@ export declare const TOKEN_CATEGORIES: {
  * @example bm-primitive, bm-sem, bm-comp, bm-utility, etc.
  */
 export declare const TOKEN_CATEGORIES_PREFIXED: Record<TOKEN_CATEGORY, string>;
+/**
+ * Order matters. `mergeOutputFiles` concatenates the generated CSS in this
+ * order, so a block listed later wins when two rules have the same specificity.
+ * `language` must stay after `typography`: a `:lang()` rule and a theme rule
+ * both score (0,3,0), so if language came first the theme's own font would
+ * override the locale font and `bm-lang-*` would do nothing.
+ */
 export declare const SUPPORTED_TOKEN_TYPES: {
     readonly color: "color";
     readonly dimension: "dimension";
     readonly js: "js";
-    readonly language: "language";
     readonly productType: "productType";
     readonly typography: "typography";
+    readonly language: "language";
     readonly shadow: "shadow";
     readonly expressive: "expressive";
 };