@viasat/beam-tokens 2.71.0 → 2.72.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-tokens",
-  "version": "2.71.0",
+  "version": "2.72.0",
   "description": "Design tokens for the Beam Design System with support for CSS, SASS, and CSS-in-JS",
   "license": "MIT",
   "author": "Viasat",

package/themes/onefi.css

@@ -2963,6 +2963,8 @@
   --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
   --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
   --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
+  --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
   --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
   --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
   --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
@@ -3191,6 +3193,8 @@
   --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
   --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
   --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
+  --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
   --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
   --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
   --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
@@ -3419,6 +3423,8 @@
   --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
   --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
   --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
+  --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
   --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
   --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
   --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);

package/tokens.css

@@ -2524,6 +2524,8 @@
   --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
   --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
   --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
+  --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
   --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
   --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
   --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
@@ -2753,6 +2755,8 @@
   --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
   --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
   --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
+  --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
   --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
   --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
   --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
@@ -2982,6 +2986,8 @@
   --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
   --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
   --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
+  --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
   --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
   --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
   --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
@@ -3211,6 +3217,8 @@
   --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
   --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
   --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-badge-indicator-typo-sm: var(--bm-sem-typo-compact-label-xs);
+  --bm-comp-badge-indicator-typo-md: var(--bm-sem-typo-compact-label-xs);
   --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
   --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
   --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);

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
@@ -2321,6 +2382,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);

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: {