@viasat/beam-tokens 2.45.0 → 2.46.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-tokens",
-  "version": "2.45.0",
+  "version": "2.46.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

@@ -550,6 +550,98 @@
   --bm-theme-color-brand-1000: rgb(8, 45, 63);
   --bm-theme-color-brand-1100: rgb(6, 32, 45);
 }
+.bm-onefi.bm-onefi-breeze,
+.bm-light.bm-onefi.bm-onefi-breeze,
+[data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-breeze"] {
+  --bm-alias-color-brand-primary-default: var(
+    --bm-theme-color-brand-600,
+    #ff527b
+  );
+  --bm-alias-color-brand-secondary-default: var(
+    --bm-theme-color-brand-secondary-1100,
+    #001633
+  );
+  --bm-theme-color-brand-100: rgb(255, 245, 247);
+  --bm-theme-color-brand-200: rgb(255, 224, 232);
+  --bm-theme-color-brand-300: rgb(255, 204, 216);
+  --bm-theme-color-brand-400: rgb(255, 161, 183);
+  --bm-theme-color-brand-500: rgb(255, 122, 154);
+  --bm-theme-color-brand-600: rgb(255, 82, 123);
+  --bm-theme-color-brand-650: rgb(242, 0, 57);
+  --bm-theme-color-brand-700: rgb(209, 0, 50);
+  --bm-theme-color-brand-800: rgb(181, 0, 43);
+  --bm-theme-color-brand-900: rgb(138, 0, 33);
+  --bm-theme-color-brand-1000: rgb(94, 0, 22);
+  --bm-theme-color-brand-1100: rgb(66, 0, 16);
+  --bm-theme-color-brand-secondary-100: rgb(242, 248, 255);
+  --bm-theme-color-brand-secondary-200: rgb(219, 235, 255);
+  --bm-theme-color-brand-secondary-300: rgb(191, 219, 255);
+  --bm-theme-color-brand-secondary-400: rgb(143, 191, 255);
+  --bm-theme-color-brand-secondary-500: rgb(99, 167, 255);
+  --bm-theme-color-brand-secondary-600: rgb(61, 145, 255);
+  --bm-theme-color-brand-secondary-650: rgb(5, 113, 255);
+  --bm-theme-color-brand-secondary-700: rgb(0, 97, 224);
+  --bm-theme-color-brand-secondary-800: rgb(0, 82, 191);
+  --bm-theme-color-brand-secondary-900: rgb(0, 62, 143);
+  --bm-theme-color-brand-secondary-1000: rgb(0, 42, 97);
+  --bm-theme-color-brand-secondary-1100: rgb(0, 22, 51);
+  --bm-sem-color-surface-00: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-text-primary: var(
+    --bm-alias-color-brand-secondary-default,
+    #001633
+  );
+  --bm-sem-color-text-secondary: rgb(32, 31, 31);
+  --bm-sem-color-icon-primary: var(
+    --bm-alias-color-brand-secondary-default,
+    #001633
+  );
+  --bm-sem-color-icon-secondary: rgb(32, 31, 31);
+  --bm-sem-color-action-primary-hover: var(--bm-theme-color-brand-650, #f20039);
+  --bm-sem-color-action-primary-active: var(
+    --bm-theme-color-brand-700,
+    #d10032
+  );
+  --bm-onefi-comp-nav-color-bg: var(
+    --bm-alias-color-brand-secondary-default,
+    #001633
+  );
+  --bm-onefi-comp-nav-color-border: var(
+    --bm-alias-color-brand-secondary-default,
+    #001633
+  );
+  --bm-onefi-comp-nav-color-link-enabled: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+  --bm-onefi-comp-nav-color-link-hover: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+  --bm-onefi-comp-nav-color-link-active: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+  --bm-onefi-comp-nav-color-link-selected: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+  --bm-onefi-comp-nav-color-icon-enabled: var(
+    --bm-sem-color-icon-primary-inverse,
+    #ffffff
+  );
+  --bm-onefi-comp-nav-color-icon-hover: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+  --bm-onefi-comp-nav-color-icon-active: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+  --bm-onefi-comp-nav-color-icon-selected: var(
+    --bm-sem-color-icon-primary-inverse,
+    #ffffff
+  );
+}
 .bm-onefi.bm-onefi-cal,
 .bm-light.bm-onefi.bm-onefi-cal,
 [data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-cal"] {
@@ -2491,6 +2583,11 @@
 [data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-azerbaijan"] {
   --bm-sem-radius-action-default: var(--bm-sem-radius-md);
 }
+.bm-onefi.bm-onefi-breeze,
+.bm-light.bm-onefi.bm-onefi-breeze,
+[data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-breeze"] {
+  --bm-sem-radius-action-default: var(--bm-sem-radius-round);
+}
 .bm-onefi.bm-onefi-corsair,
 .bm-light.bm-onefi.bm-onefi-corsair,
 [data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-corsair"] {
@@ -3398,6 +3495,15 @@
 .bm-dark.bm-onefi.bm-onefi-azul {
   --bm-sem-font-weight-heading: 800;
 }
+.bm-onefi.bm-onefi-breeze,
+.bm-light.bm-onefi.bm-onefi-breeze {
+  --bm-sem-font-family-heading: "Poppins";
+  --bm-sem-font-family-heading-alt: "Poppins";
+  --bm-sem-font-family-body: "Open Sans";
+  --bm-sem-font-family-label: "Open Sans";
+  --bm-sem-font-weight-heading-alt: 400;
+  --bm-sem-font-weight-detail: 800;
+}
 .bm-onefi.bm-onefi-cal,
 .bm-light.bm-onefi.bm-onefi-cal {
   --bm-sem-font-weight-heading: 800;

package/tokens.scss

@@ -2487,16 +2487,7 @@ $bm-onefi-comp-nav-color-border-selected: var(
   --bm-onefi-comp-nav-color-border-selected
 );
 
-$bm-onefi-comp-nav-color-icon-enabled: var(
-  --bm-onefi-comp-nav-color-icon-enabled
-);
-$bm-onefi-comp-nav-color-icon-hover: var(--bm-onefi-comp-nav-color-icon-hover);
-$bm-onefi-comp-nav-color-icon-active: var(
-  --bm-onefi-comp-nav-color-icon-active
-);
-
 $bm-onefi-comp-nav-color-border: var(--bm-onefi-comp-nav-color-border);
-$bm-onefi-comp-nav-color-logo: var(--bm-onefi-comp-nav-color-logo);
 $bm-onefi-comp-nav-color-link-enabled: var(
   --bm-onefi-comp-nav-color-link-enabled
 );
@@ -2507,6 +2498,16 @@ $bm-onefi-comp-nav-color-link-active: var(
 $bm-onefi-comp-nav-color-link-selected: var(
   --bm-onefi-comp-nav-color-link-selected
 );
+$bm-onefi-comp-nav-color-icon-enabled: var(
+  --bm-onefi-comp-nav-color-icon-enabled
+);
+$bm-onefi-comp-nav-color-icon-hover: var(--bm-onefi-comp-nav-color-icon-hover);
+$bm-onefi-comp-nav-color-icon-active: var(
+  --bm-onefi-comp-nav-color-icon-active
+);
+
+$bm-onefi-comp-nav-color-logo: var(--bm-onefi-comp-nav-color-logo);
+
 $bm-onefi-comp-nav-color-lang-selector-text: var(
   --bm-onefi-comp-nav-color-lang-selector-text
 );