@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.49 → 2.0.0-next.52

package/dist/components/tag/tag.css.js

@@ -49,7 +49,8 @@ const componentStyle = css`
   }
 
 .wrapper .tag-label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-font-weight);
     font-size: var(--global-typography-ui-label-font-size);
     line-height: var(--global-typography-ui-label-line-height);
     font-feature-settings:
@@ -80,7 +81,8 @@ const componentStyle = css`
     }
 
 .wrapper.size-large .tag-label {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-font-weight);
       font-size: var(--global-typography-ui-body-font-size);
       line-height: var(--global-typography-ui-body-line-height);
       font-feature-settings:

package/dist/components/tag/tag.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tag.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/text-input-field/text-input-field.css.js

@@ -154,7 +154,8 @@ const componentStyle = css`
   }
 
 .label-text {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-font-weight);
     font-size: var(--global-typography-ui-label-font-size);
     line-height: var(--global-typography-ui-label-line-height);
     font-feature-settings:
@@ -310,7 +311,8 @@ const componentStyle = css`
 
 .helper-text,
   .error-text {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-font-weight);
     font-size: var(--global-typography-ui-label-font-size);
     line-height: var(--global-typography-ui-label-line-height);
     font-feature-settings:
@@ -374,7 +376,8 @@ const componentStyle = css`
 /* Text input specific: uses body font instead of instrument font */
 
 .value-input {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:

package/dist/components/text-input-field/text-input-field.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"text-input-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/textarea-field/textarea-field.css.js

@@ -42,7 +42,8 @@ const componentStyle = css`
 }
 
 .title-text {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-label-font-weight);
   font-size: var(--global-typography-ui-label-font-size);
   line-height: var(--global-typography-ui-label-line-height);
   font-feature-settings:
@@ -114,7 +115,8 @@ const componentStyle = css`
 .input-field {
   flex-grow: 1;
   box-sizing: border-box;
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -331,7 +333,8 @@ obc-audio-recording-item {
 }
 
 .error-text {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-label-font-weight);
   font-size: var(--global-typography-ui-label-font-size);
   line-height: var(--global-typography-ui-label-line-height);
   font-feature-settings:

package/dist/components/textarea-field/textarea-field.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"textarea-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/title-container/title-container.css.js

@@ -61,7 +61,7 @@ const componentStyle = css`
   }
 
 .wrapper .title {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
     font-weight: var(--font-weight-bold);
     font-size: var(--global-typography-ui-title-font-size);
     line-height: var(--global-typography-ui-title-line-height);
@@ -78,7 +78,8 @@ const componentStyle = css`
   }
 
 .wrapper .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-font-weight);
     font-size: var(--global-typography-ui-body-font-size);
     line-height: var(--global-typography-ui-body-line-height);
     font-feature-settings:

package/dist/components/title-container/title-container.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"title-container.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"title-container.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/toggle-button-option/toggle-button-option.css.js

@@ -11,9 +11,7 @@ const componentStyle = css`
 .wrapper {
   height: var(--ui-components-button-touch-target-size);
   width: 100%;
-  min-width: var(
-    --ui-components-icon-toggle-button-horizontal-item-touch-target-size
-  );
+  min-width: var(--ui-components-toggle-button-touch-target-size);
   min-height: var(
     --ui-components-toggle-button-toggle-button-item-touch-target-size
   );
@@ -148,7 +146,8 @@ const componentStyle = css`
 }
 
 .wrapper.inline-label .label {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -221,7 +220,8 @@ const componentStyle = css`
   }
 
 .wrapper.selected.type-regular .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-active-font-weight);
     font-size: var(--global-typography-ui-label-active-font-size);
     line-height: var(--global-typography-ui-label-active-line-height);
     font-feature-settings:
@@ -231,7 +231,8 @@ const componentStyle = css`
   }
 
 .wrapper.selected.type-regular.inline-label .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-active-font-weight);
     font-size: var(--global-typography-ui-body-active-font-size);
     line-height: var(--global-typography-ui-body-active-line-height);
     font-feature-settings:
@@ -316,7 +317,8 @@ const componentStyle = css`
   }
 
 .wrapper.selected.type-flat .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-active-font-weight);
     font-size: var(--global-typography-ui-label-active-font-size);
     line-height: var(--global-typography-ui-label-active-line-height);
     font-feature-settings:
@@ -327,7 +329,8 @@ const componentStyle = css`
   }
 
 .wrapper.selected.type-flat.inline-label .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-active-font-weight);
     font-size: var(--global-typography-ui-body-active-font-size);
     line-height: var(--global-typography-ui-body-active-line-height);
     font-feature-settings:
@@ -408,7 +411,8 @@ const componentStyle = css`
   }
 
 .wrapper.selected.type-normal .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-active-font-weight);
     font-size: var(--global-typography-ui-label-active-font-size);
     line-height: var(--global-typography-ui-label-active-line-height);
     font-feature-settings:
@@ -419,7 +423,8 @@ const componentStyle = css`
   }
 
 .wrapper.selected.type-normal.inline-label .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-active-font-weight);
     font-size: var(--global-typography-ui-body-active-font-size);
     line-height: var(--global-typography-ui-body-active-line-height);
     font-feature-settings:
@@ -441,7 +446,8 @@ const componentStyle = css`
 
 .wrapper.selected.icon-text-under .label {
   color: var(--element-active-color);
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-label-active-font-weight);
   font-size: var(--global-typography-ui-label-active-font-size);
   line-height: var(--global-typography-ui-label-active-line-height);
   font-feature-settings:
@@ -474,7 +480,8 @@ const componentStyle = css`
 .wrapper.icon-text-under .label {
   color: var(--element-active-color, #1a1a1a);
   text-align: center;
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-label-font-weight);
   font-size: var(--global-typography-ui-label-font-size);
   line-height: var(--global-typography-ui-label-line-height);
   font-feature-settings:

package/dist/components/toggle-button-option/toggle-button-option.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-option.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"toggle-button-option.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js

@@ -105,7 +105,8 @@ const styles = css`
 }
 
 .wrapper.selected .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-active-font-weight);
     font-size: var(--global-typography-ui-body-active-font-size);
     line-height: var(--global-typography-ui-body-active-line-height);
     font-feature-settings:
@@ -180,7 +181,8 @@ const styles = css`
   }
 
 .wrapper .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-font-weight);
     font-size: var(--global-typography-ui-body-font-size);
     line-height: var(--global-typography-ui-body-line-height);
     font-feature-settings:

package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-vertical-option.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"toggle-button-vertical-option.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/toggle-switch/toggle-switch.css.js

@@ -26,7 +26,8 @@ label.has-description .icon-label-container {
   }
 
 label .label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-font-weight);
     font-size: var(--global-typography-ui-body-font-size);
     line-height: var(--global-typography-ui-body-line-height);
     font-feature-settings:
@@ -36,7 +37,8 @@ label .label {
   }
 
 label .description {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-font-weight);
     font-size: var(--global-typography-ui-label-font-size);
     line-height: var(--global-typography-ui-label-line-height);
     font-feature-settings:
@@ -196,7 +198,8 @@ label.disabled .knob {
     }
 
 label.checked .label {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-active-font-weight);
       font-size: var(--global-typography-ui-body-active-font-size);
       line-height: var(--global-typography-ui-body-active-line-height);
       font-feature-settings:

package/dist/components/toggle-switch/toggle-switch.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-switch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"toggle-switch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/toggletip/toggletip.css.js

@@ -73,7 +73,8 @@ const toggletipStyle = css`
 }
 
 .title {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-overline-font-weight);
   font-size: var(--global-typography-ui-overline-font-size);
   line-height: var(--global-typography-ui-overline-line-height);
   letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -102,7 +103,8 @@ const toggletipStyle = css`
 }
 
 .description {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:

package/dist/components/toggletip/toggletip.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"toggletip.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/tooltip/tooltip.css.js

@@ -42,7 +42,8 @@ const componentStyle = css`
 }
 
 .label-text {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-button-font-weight);
   font-size: var(--global-typography-ui-button-font-size);
   line-height: var(--global-typography-ui-button-line-height);
   font-feature-settings:

package/dist/components/tooltip/tooltip.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tooltip.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/top-bar/top-bar.css.js

@@ -79,7 +79,8 @@ const compentStyle = css`
 
 .title {
   color: var(--element-active-color, #1a1a1a);
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -90,7 +91,8 @@ const compentStyle = css`
 
 .page-name {
   color: var(--element-active-color, #1a1a1a);
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:

package/dist/components/top-bar/top-bar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"top-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/topbar-message-item/topbar-message-item.css.js

@@ -181,7 +181,8 @@ const compentStyle = css`
   }
 
 .title {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:
@@ -196,7 +197,8 @@ const compentStyle = css`
 }
 
 .description {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -227,7 +229,8 @@ const compentStyle = css`
 }
 
 .time {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-label-font-weight);
   font-size: var(--global-typography-ui-label-font-size);
   line-height: var(--global-typography-ui-label-line-height);
   font-feature-settings:
@@ -357,7 +360,8 @@ const compentStyle = css`
   }
 
 .action {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-button-font-weight);
   font-size: var(--global-typography-ui-button-font-size);
   line-height: var(--global-typography-ui-button-line-height);
   font-feature-settings:
@@ -431,7 +435,8 @@ const compentStyle = css`
             --base-border-color: var(--indent-enabled-border-color);
             --base-background-color: var(--indent-enabled-background-color);
   color: var(--on-indent-neutral-color);
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:

package/dist/components/topbar-message-item/topbar-message-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"topbar-message-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"topbar-message-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/user-button/user-button.css.js

@@ -22,7 +22,8 @@ const compentStyle = css`
   border-radius: var(--ui-components-user-button-border-radius-container);
   border: none;
   background: transparent;
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -48,7 +49,7 @@ const compentStyle = css`
     }
 
 .wrapper.size-large .user-initials {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
       font-weight: var(--font-weight-regular);
       font-size: var(--font-size-150);
       line-height: var(--line-height-150);
@@ -59,7 +60,7 @@ const compentStyle = css`
     }
 
 .wrapper.size-large.style-selected .user-initials {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
       font-weight: var(--font-weight-bold);
       font-size: var(--global-typography-ui-title-font-size);
       line-height: var(--global-typography-ui-title-line-height);
@@ -80,7 +81,8 @@ const compentStyle = css`
     }
 
 .wrapper .user-label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-font-weight);
     font-size: var(--global-typography-ui-label-font-size);
     line-height: var(--global-typography-ui-label-line-height);
     font-feature-settings:
@@ -114,7 +116,8 @@ const compentStyle = css`
   }
 
 .wrapper.style-flat {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:
@@ -282,7 +285,8 @@ const compentStyle = css`
   }
 
 .wrapper.style-selected {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:
@@ -354,7 +358,8 @@ const compentStyle = css`
   }
 
 .wrapper.style-selected .user-label {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-active-font-weight);
     font-size: var(--global-typography-ui-label-active-font-size);
     line-height: var(--global-typography-ui-label-active-line-height);
     font-feature-settings:

package/dist/components/user-button/user-button.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"user-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/user-menu/user-menu.css.js

@@ -21,7 +21,8 @@ const componentStyle = css`
 }
 
 .card h3.title,.card .subtitle {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-overline-font-weight);
     font-size: var(--global-typography-ui-overline-font-size);
     line-height: var(--global-typography-ui-overline-line-height);
     letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -151,7 +152,8 @@ const componentStyle = css`
     }
 
 :is(.card .user-profile) obc-user-button::part(label) {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-overline-font-weight);
       font-size: var(--global-typography-ui-overline-font-size);
       line-height: var(--global-typography-ui-overline-line-height);
       letter-spacing: var(--global-typography-ui-overline-letter-spacing);

package/dist/components/user-menu/user-menu.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"user-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/integration-systems/integration-bar/integration-bar.css.js

@@ -0,0 +1,97 @@
+import { css } from "lit";
+const compentStyle = css`
+          * {
+            -webkit-tap-highlight-color: transparent;
+          }
+
+* {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  width: 100%;
+}
+
+.wrapper {
+  display: flex;
+  padding: 0 var(--app-components-integration-system-topbar-margin-global);
+  justify-content: space-between;
+  align-items: center;
+  background: var(--integration-container-global-color);
+  box-shadow: var(--shadow-flat-x) var(--shadow-flat-y) var(--shadow-flat-blur)
+    var(--shadow-flat-spread) var(--shadow-flat-color);
+}
+
+.content-container {
+  display: flex;
+  flex: 1;
+}
+
+.fleet-vessel-container {
+  display: flex;
+  align-items: flex-start;
+  flex: 1 1 auto;
+}
+
+.fleet-button {
+  flex: initial;
+}
+
+.vessel-container {
+  display: flex;
+  flex: 1 1 auto;
+}
+
+.integration-buttons-slot::slotted(obc-integration-button) {
+  flex: 1;
+}
+
+.hug-buttons-slot::slotted(obc-integration-button) {
+  flex: 0 1 auto;
+}
+
+.home-button,
+.link-button {
+  width: var(--app-components-integration-system-icon-button-touch-target);
+  height: var(--app-components-integration-system-icon-button-touch-target);
+  justify-content: center;
+  align-items: center;
+  gap: 14px;
+  flex: initial;
+}
+
+.right-content-container {
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  flex: initial;
+}
+
+.right-content-container.buttons-on-bar {
+  border-left: var(
+      --app-components-integration-system-navigation-item-horizontal-stroke-weight-right,
+      1px
+    )
+    solid
+    var(
+      --integration-beta-flat-enabled-border-color,
+      var(--integration-border-outline)
+    );
+}
+
+.right-side-system-menu-container {
+  position: absolute;
+  position-anchor: --settings-menu-anchor;
+  top: anchor(bottom);
+  justify-self: anchor-center;
+}
+
+.vessel-button-placeholder {
+  flex: 1 1 auto;
+}
+`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=integration-bar.css.js.map

package/dist/integration-systems/integration-bar/integration-bar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"integration-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}