@viasat/beam-tokens 2.52.0 → 2.53.0

package/package.json

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

@@ -257,10 +257,6 @@
     --bm-alias-color-brand-secondary-default,
     #1a448b
   );
-  --bm-onefi-comp-nav-color-border-selected: var(
-    --bm-alias-color-brand-secondary-default,
-    #1a448b
-  );
   --bm-onefi-comp-nav-color-icon-selected: var(
     --bm-alias-color-brand-secondary-default,
     #1a448b
@@ -857,10 +853,6 @@
   --bm-onefi-comp-nav-color-bg: var(--bm-sem-color-surface-01, #ffffff);
   --bm-onefi-comp-nav-color-logo: var(--bm-sem-color-icon-primary, #141d24);
   --bm-onefi-comp-nav-color-border: var(--bm-sem-color-border-01, #dfe7ec);
-  --bm-onefi-comp-nav-color-border-selected: var(
-    --bm-alias-color-brand-primary-default,
-    #006ead
-  );
   --bm-onefi-comp-nav-color-link-enabled: var(
     --bm-sem-color-text-secondary,
     #576775
@@ -1632,10 +1624,6 @@
     --bm-alias-color-brand-secondary-default,
     #c1a17d
   );
-  --bm-onefi-comp-nav-color-border-selected: var(
-    --bm-alias-color-brand-secondary-default,
-    #c1a17d
-  );
   --bm-onefi-comp-tabs-color-border-selected: var(
     --bm-alias-color-brand-secondary-default,
     #c1a17d
@@ -2237,6 +2225,101 @@
     #ffffff
   );
 }
+.bm-onefi.bm-onefi-singapore,
+.bm-light.bm-onefi.bm-onefi-singapore,
+[data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-singapore"] {
+  --bm-theme-color-brand-100: rgb(255, 246, 232);
+  --bm-theme-color-brand-200: rgb(255, 229, 186);
+  --bm-theme-color-brand-300: rgb(255, 209, 133);
+  --bm-theme-color-brand-400: rgb(255, 159, 0);
+  --bm-theme-color-brand-500: rgb(235, 146, 0);
+  --bm-theme-color-brand-600: rgb(207, 129, 0);
+  --bm-theme-color-brand-650: rgb(171, 107, 0);
+  --bm-theme-color-brand-700: rgb(148, 92, 0);
+  --bm-theme-color-brand-800: rgb(125, 78, 0);
+  --bm-theme-color-brand-900: rgb(94, 59, 0);
+  --bm-theme-color-brand-1000: rgb(64, 40, 0);
+  --bm-theme-color-brand-1100: rgb(41, 25, 0);
+  --bm-theme-color-brand-secondary-100: rgb(247, 248, 253);
+  --bm-theme-color-brand-secondary-200: rgb(229, 232, 247);
+  --bm-theme-color-brand-secondary-300: rgb(210, 215, 242);
+  --bm-theme-color-brand-secondary-400: rgb(176, 186, 232);
+  --bm-theme-color-brand-secondary-500: rgb(150, 163, 224);
+  --bm-theme-color-brand-secondary-600: rgb(125, 141, 217);
+  --bm-theme-color-brand-secondary-650: rgb(95, 115, 208);
+  --bm-theme-color-brand-secondary-700: rgb(74, 95, 202);
+  --bm-theme-color-brand-secondary-800: rgb(55, 78, 187);
+  --bm-theme-color-brand-secondary-900: rgb(42, 59, 142);
+  --bm-theme-color-brand-secondary-1000: rgb(28, 39, 95);
+  --bm-theme-color-brand-secondary-1100: rgb(17, 24, 58);
+}
+.bm-onefi.bm-onefi-singapore,
+.bm-dark.bm-onefi.bm-onefi-singapore,
+[data-bm-theme~="bm-dark"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-singapore"] {
+  --bm-alias-color-brand-primary-default: var(
+    --bm-theme-color-brand-400,
+    #ff9f00
+  );
+  --bm-alias-color-brand-secondary-default: var(
+    --bm-theme-color-brand-400,
+    #ff9f00
+  );
+  --bm-theme-color-brand-100: rgb(255, 246, 232);
+  --bm-theme-color-brand-200: rgb(255, 229, 186);
+  --bm-theme-color-brand-300: rgb(255, 209, 133);
+  --bm-theme-color-brand-400: rgb(255, 159, 0);
+  --bm-theme-color-brand-500: rgb(235, 146, 0);
+  --bm-theme-color-brand-600: rgb(207, 129, 0);
+  --bm-theme-color-brand-650: rgb(171, 107, 0);
+  --bm-theme-color-brand-700: rgb(148, 92, 0);
+  --bm-theme-color-brand-800: rgb(125, 78, 0);
+  --bm-theme-color-brand-900: rgb(94, 59, 0);
+  --bm-theme-color-brand-1000: rgb(64, 40, 0);
+  --bm-theme-color-brand-1100: rgb(41, 25, 0);
+  --bm-theme-color-brand-secondary-100: rgb(247, 248, 253);
+  --bm-theme-color-brand-secondary-200: rgb(229, 232, 247);
+  --bm-theme-color-brand-secondary-300: rgb(210, 215, 242);
+  --bm-theme-color-brand-secondary-400: rgb(176, 186, 232);
+  --bm-theme-color-brand-secondary-500: rgb(150, 163, 224);
+  --bm-theme-color-brand-secondary-600: rgb(125, 141, 217);
+  --bm-theme-color-brand-secondary-650: rgb(95, 115, 208);
+  --bm-theme-color-brand-secondary-700: rgb(74, 95, 202);
+  --bm-theme-color-brand-secondary-800: rgb(55, 78, 187);
+  --bm-theme-color-brand-secondary-900: rgb(42, 59, 142);
+  --bm-theme-color-brand-secondary-1000: rgb(28, 39, 95);
+  --bm-theme-color-brand-secondary-1100: rgb(17, 24, 58);
+  --bm-sem-color-surface-00: rgb(7, 11, 36);
+  --bm-sem-color-surface-01: var(
+    --bm-theme-color-brand-secondary-1100,
+    #11183a
+  );
+  --bm-sem-color-action-primary-hover: var(--bm-theme-color-brand-300, #ffd185);
+  --bm-sem-color-action-primary-active: var(
+    --bm-theme-color-brand-200,
+    #ffe5ba
+  );
+  --bm-onefi-comp-btn-color-secondary-border: var(
+    --bm-alias-color-brand-primary-default,
+    #ff9f00
+  );
+  --bm-onefi-comp-card-color-border: var(
+    --bm-theme-color-brand-secondary-1000,
+    #1c275f
+  );
+  --bm-onefi-comp-flight-progress-color-track-start: var(
+    --bm-theme-color-brand-300,
+    #ffd185
+  );
+  --bm-onefi-comp-footer-color-bg: var(--bm-sem-color-surface-00, #070b24);
+  --bm-onefi-comp-footer-color-link: var(
+    --bm-sem-color-text-secondary,
+    #c3cdd5
+  );
+  --bm-onefi-comp-nav-color-bg: rgb(8, 13, 45);
+  --bm-onefi-comp-nav-color-border: rgb(29, 35, 67);
+  --bm-onefi-comp-nav-color-link-enabled: rgb(191, 198, 216);
+  --bm-onefi-comp-nav-color-icon-enabled: rgb(191, 198, 216);
+}
 .bm-onefi.bm-onefi-srilankan,
 .bm-light.bm-onefi.bm-onefi-srilankan,
 [data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-srilankan"] {
@@ -2688,6 +2771,16 @@
 [data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-royal-air-maroc"] {
   --bm-sem-radius-action-default: var(--bm-sem-radius-none);
 }
+.bm-onefi.bm-onefi-singapore,
+.bm-light.bm-onefi.bm-onefi-singapore,
+[data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-singapore"] {
+  --bm-sem-radius-action-default: 0.063rem;
+}
+.bm-onefi.bm-onefi-singapore,
+.bm-dark.bm-onefi.bm-onefi-singapore,
+[data-bm-theme~="bm-dark"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-singapore"] {
+  --bm-sem-radius-action-default: 0.063rem;
+}
 .bm-onefi.bm-onefi-srilankan,
 .bm-light.bm-onefi.bm-onefi-srilankan,
 [data-bm-theme~="bm-light"][data-bm-theme~="bm-onefi"][data-bm-theme~="bm-onefi-srilankan"] {
@@ -3768,6 +3861,26 @@
   --bm-sem-font-weight-body: 300;
   --bm-sem-font-weight-label: 500;
 }
+.bm-onefi.bm-onefi-singapore,
+.bm-light.bm-onefi.bm-onefi-singapore {
+  --bm-sem-font-family-heading: "Sigvar";
+  --bm-sem-font-family-heading-alt: "Sigvar";
+  --bm-sem-font-family-body: "Proxima Nova";
+  --bm-sem-font-family-label: "Proxima Nova";
+  --bm-sem-font-weight-heading-alt: 400;
+  --bm-sem-font-weight-label: 600;
+  --bm-sem-font-weight-detail: 700;
+}
+.bm-onefi.bm-onefi-singapore,
+.bm-dark.bm-onefi.bm-onefi-singapore {
+  --bm-sem-font-family-heading: "Sigvar";
+  --bm-sem-font-family-heading-alt: "Sigvar";
+  --bm-sem-font-family-body: "Proxima Nova";
+  --bm-sem-font-family-label: "Proxima Nova";
+  --bm-sem-font-weight-heading-alt: 400;
+  --bm-sem-font-weight-label: 600;
+  --bm-sem-font-weight-detail: 700;
+}
 .bm-onefi.bm-onefi-srilankan,
 .bm-light.bm-onefi.bm-onefi-srilankan {
   --bm-sem-font-family-heading: "Arial";

package/tokens.scss

@@ -2483,10 +2483,6 @@ $bm-onefi-comp-btn-color-secondary-bg-active: var(
 $bm-onefi-comp-footer-color-bg: var(--bm-onefi-comp-footer-color-bg);
 $bm-onefi-comp-nav-color-bg: var(--bm-onefi-comp-nav-color-bg);
 
-$bm-onefi-comp-nav-color-border-selected: var(
-  --bm-onefi-comp-nav-color-border-selected
-);
-
 $bm-onefi-comp-nav-color-border: var(--bm-onefi-comp-nav-color-border);
 $bm-onefi-comp-nav-color-link-enabled: var(
   --bm-onefi-comp-nav-color-link-enabled
@@ -2589,6 +2585,8 @@ $bm-onefi-comp-tabs-color-icon-hover-active: var(
   --bm-onefi-comp-tabs-color-icon-hover-active
 );
 
+$bm-onefi-comp-footer-color-link: var(--bm-onefi-comp-footer-color-link);
+
 $bm-onefi-comp-nav-size-height-container: var(
   --bm-onefi-comp-nav-size-height-container
 );