@oicl/openbridge-webcomponents 2.0.0-next.51 → 2.0.0-next.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/bundle/openbridge-webcomponents.bundle.js +506 -265
  2. package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
  3. package/dist/ar/building-blocks/poi-header/poi-header.css.js +8 -4
  4. package/dist/ar/building-blocks/poi-header/poi-header.css.js.map +1 -1
  5. package/dist/ar/chart-object-vessel-button/chart-object-vessel-button.css.js +7 -7
  6. package/dist/ar/poi-card-header/poi-card-header.css.js +12 -6
  7. package/dist/ar/poi-card-header/poi-card-header.css.js.map +1 -1
  8. package/dist/building-blocks/alert-list/alert-list.css.js +4 -2
  9. package/dist/building-blocks/alert-list/alert-list.css.js.map +1 -1
  10. package/dist/components/accordion-card/accordion-card.css.js +6 -3
  11. package/dist/components/accordion-card/accordion-card.css.js.map +1 -1
  12. package/dist/components/accordion-item/accordion-item.css.js +4 -2
  13. package/dist/components/accordion-item/accordion-item.css.js.map +1 -1
  14. package/dist/components/advice-button/advice-button.css.js +2 -1
  15. package/dist/components/advice-button/advice-button.css.js.map +1 -1
  16. package/dist/components/alert-button/alert-button.css.js +2 -1
  17. package/dist/components/alert-button/alert-button.css.js.map +1 -1
  18. package/dist/components/alert-frame/alert-frame.css.js +7 -3
  19. package/dist/components/alert-frame/alert-frame.css.js.map +1 -1
  20. package/dist/components/alert-list-details/alert-list-details.css.js +4 -2
  21. package/dist/components/alert-list-details/alert-list-details.css.js.map +1 -1
  22. package/dist/components/alert-menu/alert-menu.css.js +4 -2
  23. package/dist/components/alert-menu/alert-menu.css.js.map +1 -1
  24. package/dist/components/app-button/app-button.css.js +8 -4
  25. package/dist/components/app-button/app-button.css.js.map +1 -1
  26. package/dist/components/attachment-list-item/attachment-list-item.css.js +8 -4
  27. package/dist/components/attachment-list-item/attachment-list-item.css.js.map +1 -1
  28. package/dist/components/badge/badge.css.js +4 -2
  29. package/dist/components/badge/badge.css.js.map +1 -1
  30. package/dist/components/breadcrumb/breadcrumb.css.js +4 -2
  31. package/dist/components/breadcrumb/breadcrumb.css.js.map +1 -1
  32. package/dist/components/brilliance-menu/brilliance-menu.css.js +2 -1
  33. package/dist/components/brilliance-menu/brilliance-menu.css.js.map +1 -1
  34. package/dist/components/calendar/calendar.css.js +5 -3
  35. package/dist/components/calendar/calendar.css.js.map +1 -1
  36. package/dist/components/card/card.css.js +2 -1
  37. package/dist/components/card/card.css.js.map +1 -1
  38. package/dist/components/chat-message/chat-message.css.js +6 -3
  39. package/dist/components/chat-message/chat-message.css.js.map +1 -1
  40. package/dist/components/check-button/check-button.css.js +5 -3
  41. package/dist/components/check-button/check-button.css.js.map +1 -1
  42. package/dist/components/checkbox-item/checkbox-item.css.js +4 -2
  43. package/dist/components/checkbox-item/checkbox-item.css.js.map +1 -1
  44. package/dist/components/clock/clock.css.js +7 -3
  45. package/dist/components/clock/clock.css.js.map +1 -1
  46. package/dist/components/command-menu/command-menu.css.js +6 -3
  47. package/dist/components/command-menu/command-menu.css.js.map +1 -1
  48. package/dist/components/communication-table/communication-table.css.js +10 -5
  49. package/dist/components/communication-table/communication-table.css.js.map +1 -1
  50. package/dist/components/context-menu-input/context-menu-input.css.js +4 -2
  51. package/dist/components/context-menu-input/context-menu-input.css.js.map +1 -1
  52. package/dist/components/date-item/date-item.css.js +16 -8
  53. package/dist/components/date-item/date-item.css.js.map +1 -1
  54. package/dist/components/dropdown-button/dropdown-button.css.js +6 -3
  55. package/dist/components/dropdown-button/dropdown-button.css.js.map +1 -1
  56. package/dist/components/elevated-card/elevated-card.css.js +8 -4
  57. package/dist/components/elevated-card/elevated-card.css.js.map +1 -1
  58. package/dist/components/elevated-card-radio-group/elevated-card-radio-group.css.js +6 -3
  59. package/dist/components/elevated-card-radio-group/elevated-card-radio-group.css.js.map +1 -1
  60. package/dist/components/event-item/event-item.css.js +6 -3
  61. package/dist/components/event-item/event-item.css.js.map +1 -1
  62. package/dist/components/event-list/event-list.css.js +2 -1
  63. package/dist/components/event-list/event-list.css.js.map +1 -1
  64. package/dist/components/filter-chip/filter-chip.css.js +2 -1
  65. package/dist/components/filter-chip/filter-chip.css.js.map +1 -1
  66. package/dist/components/floating-item/floating-item.css.js +6 -3
  67. package/dist/components/floating-item/floating-item.css.js.map +1 -1
  68. package/dist/components/form-container/form-container.css.js +1 -1
  69. package/dist/components/form-group/form-group.css.js +4 -2
  70. package/dist/components/form-group/form-group.css.js.map +1 -1
  71. package/dist/components/form-item/form-item.css.js +4 -2
  72. package/dist/components/form-item/form-item.css.js.map +1 -1
  73. package/dist/components/icon-button/icon-button.css.js +2 -1
  74. package/dist/components/icon-button/icon-button.css.js.map +1 -1
  75. package/dist/components/icon-check-button/icon-check-button.css.js +4 -2
  76. package/dist/components/icon-check-button/icon-check-button.css.js.map +1 -1
  77. package/dist/components/input-chip/input-chip.css.js +2 -1
  78. package/dist/components/input-chip/input-chip.css.js.map +1 -1
  79. package/dist/components/keyboard-full/keyboard-full.css.js +2 -1
  80. package/dist/components/keyboard-full/keyboard-full.css.js.map +1 -1
  81. package/dist/components/keyboard-numeric/keyboard-numeric.css.js +2 -1
  82. package/dist/components/keyboard-numeric/keyboard-numeric.css.js.map +1 -1
  83. package/dist/components/menu-button/menu-button.css.js +4 -2
  84. package/dist/components/menu-button/menu-button.css.js.map +1 -1
  85. package/dist/components/message-menu-item/message-menu-item.css.js +6 -3
  86. package/dist/components/message-menu-item/message-menu-item.css.js.map +1 -1
  87. package/dist/components/modal-window/modal-window.css.js +2 -1
  88. package/dist/components/modal-window/modal-window.css.js.map +1 -1
  89. package/dist/components/navigation-item/navigation-item.css.js +9 -4
  90. package/dist/components/navigation-item/navigation-item.css.js.map +1 -1
  91. package/dist/components/notification-badge-button/notification-badge-button.css.js +2 -1
  92. package/dist/components/notification-badge-button/notification-badge-button.css.js.map +1 -1
  93. package/dist/components/notification-button/notification-button.css.js +2 -1
  94. package/dist/components/notification-button/notification-button.css.js.map +1 -1
  95. package/dist/components/number-input-field/number-input-field.css.js +4 -2
  96. package/dist/components/number-input-field/number-input-field.css.js.map +1 -1
  97. package/dist/components/pivot-item/pivot-item.css.js +4 -2
  98. package/dist/components/pivot-item/pivot-item.css.js.map +1 -1
  99. package/dist/components/progress-bar/progress-bar.css.js +4 -2
  100. package/dist/components/progress-bar/progress-bar.css.js.map +1 -1
  101. package/dist/components/progress-button/progress-button.css.js +4 -2
  102. package/dist/components/progress-button/progress-button.css.js.map +1 -1
  103. package/dist/components/radio/radio.css.js +4 -2
  104. package/dist/components/radio/radio.css.js.map +1 -1
  105. package/dist/components/rich-button/rich-button.css.js +4 -2
  106. package/dist/components/rich-button/rich-button.css.js.map +1 -1
  107. package/dist/components/sequence-item/sequence-item.css.js +11 -6
  108. package/dist/components/sequence-item/sequence-item.css.js.map +1 -1
  109. package/dist/components/sequence-loading-spinner/sequence-loading-spinner.css.js +3 -3
  110. package/dist/components/sequence-step/sequence-step.css.js +2 -1
  111. package/dist/components/sequence-step/sequence-step.css.js.map +1 -1
  112. package/dist/components/slide-button/slide-button.css.js +2 -1
  113. package/dist/components/slide-button/slide-button.css.js.map +1 -1
  114. package/dist/components/slider-double/slider-double.css.js +2 -1
  115. package/dist/components/slider-double/slider-double.css.js.map +1 -1
  116. package/dist/components/start-stop-switch/start-stop-switch.css.js +16 -8
  117. package/dist/components/start-stop-switch/start-stop-switch.css.js.map +1 -1
  118. package/dist/components/status-indicator/status-indicator.css.js +4 -2
  119. package/dist/components/status-indicator/status-indicator.css.js.map +1 -1
  120. package/dist/components/stepper-box/stepper-box.css.js +2 -1
  121. package/dist/components/stepper-box/stepper-box.css.js.map +1 -1
  122. package/dist/components/system-menu/system-menu.css.js +26 -13
  123. package/dist/components/system-menu/system-menu.css.js.map +1 -1
  124. package/dist/components/tab-item/tab-item.css.js +8 -5
  125. package/dist/components/tab-item/tab-item.css.js.map +1 -1
  126. package/dist/components/tabbed-card/tabbed-card.css.js +4 -2
  127. package/dist/components/tabbed-card/tabbed-card.css.js.map +1 -1
  128. package/dist/components/table/table.css.js +8 -5
  129. package/dist/components/table/table.css.js.map +1 -1
  130. package/dist/components/table-header-item/table-header-item.css.js +2 -1
  131. package/dist/components/table-header-item/table-header-item.css.js.map +1 -1
  132. package/dist/components/tag/tag.css.js +4 -2
  133. package/dist/components/tag/tag.css.js.map +1 -1
  134. package/dist/components/text-input-field/text-input-field.css.js +6 -3
  135. package/dist/components/text-input-field/text-input-field.css.js.map +1 -1
  136. package/dist/components/textarea-field/textarea-field.css.js +6 -3
  137. package/dist/components/textarea-field/textarea-field.css.js.map +1 -1
  138. package/dist/components/title-container/title-container.css.js +3 -2
  139. package/dist/components/title-container/title-container.css.js.map +1 -1
  140. package/dist/components/toggle-button-option/toggle-button-option.css.js +19 -12
  141. package/dist/components/toggle-button-option/toggle-button-option.css.js.map +1 -1
  142. package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js +4 -2
  143. package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js.map +1 -1
  144. package/dist/components/toggle-switch/toggle-switch.css.js +6 -3
  145. package/dist/components/toggle-switch/toggle-switch.css.js.map +1 -1
  146. package/dist/components/toggletip/toggletip.css.js +4 -2
  147. package/dist/components/toggletip/toggletip.css.js.map +1 -1
  148. package/dist/components/tooltip/tooltip.css.js +2 -1
  149. package/dist/components/tooltip/tooltip.css.js.map +1 -1
  150. package/dist/components/top-bar/top-bar.css.js +4 -2
  151. package/dist/components/top-bar/top-bar.css.js.map +1 -1
  152. package/dist/components/topbar-message-item/topbar-message-item.css.js +10 -5
  153. package/dist/components/topbar-message-item/topbar-message-item.css.js.map +1 -1
  154. package/dist/components/user-button/user-button.css.js +12 -7
  155. package/dist/components/user-button/user-button.css.js.map +1 -1
  156. package/dist/components/user-menu/user-menu.css.js +4 -2
  157. package/dist/components/user-menu/user-menu.css.js.map +1 -1
  158. package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.css.js +2 -1
  159. package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.css.js.map +1 -1
  160. package/dist/integration-systems/integration-button/integration-button.css.js +16 -8
  161. package/dist/integration-systems/integration-button/integration-button.css.js.map +1 -1
  162. package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js +10 -5
  163. package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js.map +1 -1
  164. package/dist/integration-systems/integration-fleet-button/integration-fleet-button.css.js +12 -6
  165. package/dist/integration-systems/integration-fleet-button/integration-fleet-button.css.js.map +1 -1
  166. package/dist/integration-systems/integration-tabs/integration-tabs.css.js +3 -1
  167. package/dist/integration-systems/integration-tabs/integration-tabs.css.js.map +1 -1
  168. package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.css.js +3 -1
  169. package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.css.js.map +1 -1
  170. package/dist/navigation-instruments/instrument-field/instrument-field.css.js +4 -2
  171. package/dist/navigation-instruments/instrument-field/instrument-field.css.js.map +1 -1
  172. package/dist/navigation-instruments/readout/readout.css.js +4 -2
  173. package/dist/navigation-instruments/readout/readout.css.js.map +1 -1
  174. package/dist/navigation-instruments/watch/watch.css.js +3 -2
  175. package/dist/navigation-instruments/watch/watch.css.js.map +1 -1
  176. package/dist/navigation-instruments/watch-flat/watch-flat.css.js +3 -2
  177. package/dist/navigation-instruments/watch-flat/watch-flat.css.js.map +1 -1
  178. package/dist/openbridge.css +4 -2
  179. package/dist/pages/alert-detail-page/alert-detail-page.css.js +15 -8
  180. package/dist/pages/alert-detail-page/alert-detail-page.css.js.map +1 -1
  181. package/package.json +1 -1
@@ -181,7 +181,8 @@ const compentStyle = css`
181
181
  }
182
182
 
183
183
  .title {
184
- font-family: var(--font-family-main);
184
+ font-family: var(--global-typography-font-family);
185
+ font-weight: var(--global-typography-ui-body-active-font-weight);
185
186
  font-size: var(--global-typography-ui-body-active-font-size);
186
187
  line-height: var(--global-typography-ui-body-active-line-height);
187
188
  font-feature-settings:
@@ -196,7 +197,8 @@ const compentStyle = css`
196
197
  }
197
198
 
198
199
  .description {
199
- font-family: var(--font-family-main);
200
+ font-family: var(--global-typography-font-family);
201
+ font-weight: var(--global-typography-ui-body-font-weight);
200
202
  font-size: var(--global-typography-ui-body-font-size);
201
203
  line-height: var(--global-typography-ui-body-line-height);
202
204
  font-feature-settings:
@@ -227,7 +229,8 @@ const compentStyle = css`
227
229
  }
228
230
 
229
231
  .time {
230
- font-family: var(--font-family-main);
232
+ font-family: var(--global-typography-font-family);
233
+ font-weight: var(--global-typography-ui-label-font-weight);
231
234
  font-size: var(--global-typography-ui-label-font-size);
232
235
  line-height: var(--global-typography-ui-label-line-height);
233
236
  font-feature-settings:
@@ -357,7 +360,8 @@ const compentStyle = css`
357
360
  }
358
361
 
359
362
  .action {
360
- font-family: var(--font-family-main);
363
+ font-family: var(--global-typography-font-family);
364
+ font-weight: var(--global-typography-ui-button-font-weight);
361
365
  font-size: var(--global-typography-ui-button-font-size);
362
366
  line-height: var(--global-typography-ui-button-line-height);
363
367
  font-feature-settings:
@@ -431,7 +435,8 @@ const compentStyle = css`
431
435
  --base-border-color: var(--indent-enabled-border-color);
432
436
  --base-background-color: var(--indent-enabled-background-color);
433
437
  color: var(--on-indent-neutral-color);
434
- font-family: var(--font-family-main);
438
+ font-family: var(--global-typography-font-family);
439
+ font-weight: var(--global-typography-ui-body-font-weight);
435
440
  font-size: var(--global-typography-ui-body-font-size);
436
441
  line-height: var(--global-typography-ui-body-line-height);
437
442
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"topbar-message-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"topbar-message-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -22,7 +22,8 @@ const compentStyle = css`
22
22
  border-radius: var(--ui-components-user-button-border-radius-container);
23
23
  border: none;
24
24
  background: transparent;
25
- font-family: var(--font-family-main);
25
+ font-family: var(--global-typography-font-family);
26
+ font-weight: var(--global-typography-ui-body-font-weight);
26
27
  font-size: var(--global-typography-ui-body-font-size);
27
28
  line-height: var(--global-typography-ui-body-line-height);
28
29
  font-feature-settings:
@@ -48,7 +49,7 @@ const compentStyle = css`
48
49
  }
49
50
 
50
51
  .wrapper.size-large .user-initials {
51
- font-family: var(--font-family-main);
52
+ font-family: var(--global-typography-font-family);
52
53
  font-weight: var(--font-weight-regular);
53
54
  font-size: var(--font-size-150);
54
55
  line-height: var(--line-height-150);
@@ -59,7 +60,7 @@ const compentStyle = css`
59
60
  }
60
61
 
61
62
  .wrapper.size-large.style-selected .user-initials {
62
- font-family: var(--font-family-main);
63
+ font-family: var(--global-typography-font-family);
63
64
  font-weight: var(--font-weight-bold);
64
65
  font-size: var(--global-typography-ui-title-font-size);
65
66
  line-height: var(--global-typography-ui-title-line-height);
@@ -80,7 +81,8 @@ const compentStyle = css`
80
81
  }
81
82
 
82
83
  .wrapper .user-label {
83
- font-family: var(--font-family-main);
84
+ font-family: var(--global-typography-font-family);
85
+ font-weight: var(--global-typography-ui-label-font-weight);
84
86
  font-size: var(--global-typography-ui-label-font-size);
85
87
  line-height: var(--global-typography-ui-label-line-height);
86
88
  font-feature-settings:
@@ -114,7 +116,8 @@ const compentStyle = css`
114
116
  }
115
117
 
116
118
  .wrapper.style-flat {
117
- font-family: var(--font-family-main);
119
+ font-family: var(--global-typography-font-family);
120
+ font-weight: var(--global-typography-ui-body-active-font-weight);
118
121
  font-size: var(--global-typography-ui-body-active-font-size);
119
122
  line-height: var(--global-typography-ui-body-active-line-height);
120
123
  font-feature-settings:
@@ -282,7 +285,8 @@ const compentStyle = css`
282
285
  }
283
286
 
284
287
  .wrapper.style-selected {
285
- font-family: var(--font-family-main);
288
+ font-family: var(--global-typography-font-family);
289
+ font-weight: var(--global-typography-ui-body-active-font-weight);
286
290
  font-size: var(--global-typography-ui-body-active-font-size);
287
291
  line-height: var(--global-typography-ui-body-active-line-height);
288
292
  font-feature-settings:
@@ -354,7 +358,8 @@ const compentStyle = css`
354
358
  }
355
359
 
356
360
  .wrapper.style-selected .user-label {
357
- font-family: var(--font-family-main);
361
+ font-family: var(--global-typography-font-family);
362
+ font-weight: var(--global-typography-ui-label-active-font-weight);
358
363
  font-size: var(--global-typography-ui-label-active-font-size);
359
364
  line-height: var(--global-typography-ui-label-active-line-height);
360
365
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"user-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"user-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -21,7 +21,8 @@ const componentStyle = css`
21
21
  }
22
22
 
23
23
  .card h3.title,.card .subtitle {
24
- font-family: var(--font-family-main);
24
+ font-family: var(--global-typography-font-family);
25
+ font-weight: var(--global-typography-ui-overline-font-weight);
25
26
  font-size: var(--global-typography-ui-overline-font-size);
26
27
  line-height: var(--global-typography-ui-overline-line-height);
27
28
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -151,7 +152,8 @@ const componentStyle = css`
151
152
  }
152
153
 
153
154
  :is(.card .user-profile) obc-user-button::part(label) {
154
- font-family: var(--font-family-main);
155
+ font-family: var(--global-typography-font-family);
156
+ font-weight: var(--global-typography-ui-overline-font-weight);
155
157
  font-size: var(--global-typography-ui-overline-font-size);
156
158
  line-height: var(--global-typography-ui-overline-line-height);
157
159
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -1 +1 @@
1
- {"version":3,"file":"user-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"user-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -53,7 +53,8 @@ const compentStyle = css`
53
53
  }
54
54
 
55
55
  :is(.status .status-item) .status-label::slotted(*) {
56
- font-family: var(--font-family-main);
56
+ font-family: var(--global-typography-font-family);
57
+ font-weight: var(--global-typography-ui-body-font-weight);
57
58
  font-size: var(--global-typography-ui-body-font-size);
58
59
  line-height: var(--global-typography-ui-body-line-height);
59
60
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"integration-bar-dropdown.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"integration-bar-dropdown.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -99,7 +99,8 @@ const compentStyle = css`
99
99
  }
100
100
 
101
101
  .touch-target {
102
- font-family: var(--font-family-main);
102
+ font-family: var(--global-typography-font-family);
103
+ font-weight: var(--global-typography-ui-body-font-weight);
103
104
  font-size: var(--global-typography-ui-body-font-size);
104
105
  line-height: var(--global-typography-ui-body-line-height);
105
106
  font-feature-settings:
@@ -236,7 +237,8 @@ const compentStyle = css`
236
237
  }
237
238
 
238
239
  :is(.touch-target .text-container) .label {
239
- font-family: var(--font-family-main);
240
+ font-family: var(--global-typography-font-family);
241
+ font-weight: var(--global-typography-ui-button-font-weight);
240
242
  font-size: var(--global-typography-ui-button-font-size);
241
243
  line-height: var(--global-typography-ui-button-line-height);
242
244
  font-feature-settings:
@@ -248,7 +250,8 @@ const compentStyle = css`
248
250
  }
249
251
 
250
252
  :is(.touch-target .text-container) .status {
251
- font-family: var(--font-family-main);
253
+ font-family: var(--global-typography-font-family);
254
+ font-weight: var(--global-typography-ui-label-font-weight);
252
255
  font-size: var(--global-typography-ui-label-font-size);
253
256
  line-height: var(--global-typography-ui-label-line-height);
254
257
  font-feature-settings:
@@ -311,7 +314,8 @@ const compentStyle = css`
311
314
  }
312
315
 
313
316
  :is(:is(.touch-target .info-container) .info-item) .info-label {
314
- font-family: var(--font-family-main);
317
+ font-family: var(--global-typography-font-family);
318
+ font-weight: var(--global-typography-ui-label-font-weight);
315
319
  font-size: var(--global-typography-ui-label-font-size);
316
320
  line-height: var(--global-typography-ui-label-line-height);
317
321
  font-feature-settings:
@@ -321,7 +325,8 @@ const compentStyle = css`
321
325
  }
322
326
 
323
327
  :is(:is(.touch-target .info-container) .info-item) .info-status {
324
- font-family: var(--font-family-main);
328
+ font-family: var(--global-typography-font-family);
329
+ font-weight: var(--global-typography-ui-label-active-font-weight);
325
330
  font-size: var(--global-typography-ui-label-active-font-size);
326
331
  line-height: var(--global-typography-ui-label-active-line-height);
327
332
  font-feature-settings:
@@ -345,7 +350,8 @@ const compentStyle = css`
345
350
  :is(.touch-target .info-readout-item) .info-item-label {
346
351
  justify-self: flex-start;
347
352
  grid-area: label;
348
- font-family: var(--font-family-main);
353
+ font-family: var(--global-typography-font-family);
354
+ font-weight: var(--global-typography-ui-label-font-weight);
349
355
  font-size: var(--global-typography-ui-label-font-size);
350
356
  line-height: var(--global-typography-ui-label-line-height);
351
357
  font-feature-settings:
@@ -356,7 +362,8 @@ const compentStyle = css`
356
362
 
357
363
  :is(.touch-target .info-readout-item) .info-item-value {
358
364
  grid-area: value;
359
- font-family: var(--font-family-main);
365
+ font-family: var(--global-typography-font-family);
366
+ font-weight: var(--global-typography-ui-label-active-font-weight);
360
367
  font-size: var(--global-typography-ui-label-active-font-size);
361
368
  line-height: var(--global-typography-ui-label-active-line-height);
362
369
  font-feature-settings:
@@ -368,7 +375,8 @@ const compentStyle = css`
368
375
 
369
376
  :is(.touch-target .info-readout-item) .info-item-unit {
370
377
  grid-area: unit;
371
- font-family: var(--font-family-main);
378
+ font-family: var(--global-typography-font-family);
379
+ font-weight: var(--global-typography-ui-label-font-weight);
372
380
  font-size: var(--global-typography-ui-label-font-size);
373
381
  line-height: var(--global-typography-ui-label-line-height);
374
382
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"integration-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"integration-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -16,7 +16,8 @@ const compentStyle = css`
16
16
  display: flex;
17
17
  align-items: center;
18
18
  justify-content: center;
19
- font-family: var(--font-family-main);
19
+ font-family: var(--global-typography-font-family);
20
+ font-weight: var(--global-typography-ui-body-font-weight);
20
21
  font-size: var(--global-typography-ui-body-font-size);
21
22
  line-height: var(--global-typography-ui-body-line-height);
22
23
  font-feature-settings:
@@ -255,7 +256,8 @@ const compentStyle = css`
255
256
  }
256
257
 
257
258
  .wrapper option:not(.fleet-option) {
258
- font-family: var(--font-family-main);
259
+ font-family: var(--global-typography-font-family);
260
+ font-weight: var(--global-typography-ui-body-font-weight);
259
261
  font-size: var(--global-typography-ui-body-font-size);
260
262
  line-height: var(--global-typography-ui-body-line-height);
261
263
  font-feature-settings:
@@ -286,7 +288,8 @@ const compentStyle = css`
286
288
  }
287
289
 
288
290
  :is(.wrapper option:not(.fleet-option)) .status {
289
- font-family: var(--font-family-main);
291
+ font-family: var(--global-typography-font-family);
292
+ font-weight: var(--global-typography-ui-label-font-weight);
290
293
  font-size: var(--global-typography-ui-label-font-size);
291
294
  line-height: var(--global-typography-ui-label-line-height);
292
295
  font-feature-settings:
@@ -366,7 +369,8 @@ const compentStyle = css`
366
369
 
367
370
  :is(.wrapper option:not(.fleet-option)):checked {
368
371
  color: var(--integration-on-selected-active-color);
369
- font-family: var(--font-family-main);
372
+ font-family: var(--global-typography-font-family);
373
+ font-weight: var(--global-typography-ui-body-active-font-weight);
370
374
  font-size: var(--global-typography-ui-body-active-font-size);
371
375
  line-height: var(--global-typography-ui-body-active-line-height);
372
376
  font-feature-settings:
@@ -385,7 +389,8 @@ const compentStyle = css`
385
389
 
386
390
  :is(.wrapper option:not(.fleet-option)):checked .status {
387
391
  /* Keep status typography, but swap to the selected neutral color. */
388
- font-family: var(--font-family-main);
392
+ font-family: var(--global-typography-font-family);
393
+ font-weight: var(--global-typography-ui-label-font-weight);
389
394
  font-size: var(--global-typography-ui-label-font-size);
390
395
  line-height: var(--global-typography-ui-label-line-height);
391
396
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"integration-dropdown-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"integration-dropdown-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -156,7 +156,8 @@ const compentStyle = css`
156
156
  }
157
157
 
158
158
  :is(.wrapper .header) .fleet-name {
159
- font-family: var(--font-family-main);
159
+ font-family: var(--global-typography-font-family);
160
+ font-weight: var(--global-typography-ui-button-font-weight);
160
161
  font-size: var(--global-typography-ui-button-font-size);
161
162
  line-height: var(--global-typography-ui-button-line-height);
162
163
  font-feature-settings:
@@ -166,7 +167,8 @@ const compentStyle = css`
166
167
  }
167
168
 
168
169
  :is(.wrapper .header) .status {
169
- font-family: var(--font-family-main);
170
+ font-family: var(--global-typography-font-family);
171
+ font-weight: var(--global-typography-ui-label-font-weight);
170
172
  font-size: var(--global-typography-ui-label-font-size);
171
173
  line-height: var(--global-typography-ui-label-line-height);
172
174
  font-feature-settings:
@@ -249,7 +251,8 @@ const compentStyle = css`
249
251
 
250
252
  :is(:is(:is(.wrapper .content) .readouts) .readout) .readout-label {
251
253
  grid-area: label;
252
- font-family: var(--font-family-main);
254
+ font-family: var(--global-typography-font-family);
255
+ font-weight: var(--global-typography-ui-label-font-weight);
253
256
  font-size: var(--global-typography-ui-label-font-size);
254
257
  line-height: var(--global-typography-ui-label-line-height);
255
258
  font-feature-settings:
@@ -291,7 +294,8 @@ const compentStyle = css`
291
294
  }
292
295
 
293
296
  :is(:is(.wrapper .content) .alerts) .alert-topic {
294
- font-family: var(--font-family-main);
297
+ font-family: var(--global-typography-font-family);
298
+ font-weight: var(--global-typography-ui-body-font-weight);
295
299
  font-size: var(--global-typography-ui-body-font-size);
296
300
  line-height: var(--global-typography-ui-body-line-height);
297
301
  font-feature-settings:
@@ -304,7 +308,8 @@ const compentStyle = css`
304
308
  }
305
309
 
306
310
  .no-alert:is(:is(.wrapper .content) .alerts) .alert-counts {
307
- font-family: var(--font-family-main);
311
+ font-family: var(--global-typography-font-family);
312
+ font-weight: var(--global-typography-ui-label-font-weight);
308
313
  font-size: var(--global-typography-ui-label-font-size);
309
314
  line-height: var(--global-typography-ui-label-line-height);
310
315
  font-feature-settings:
@@ -320,7 +325,8 @@ const compentStyle = css`
320
325
  }
321
326
 
322
327
  .has-alert:is(:is(.wrapper .content) .alerts) .alert-topic {
323
- font-family: var(--font-family-main);
328
+ font-family: var(--global-typography-font-family);
329
+ font-weight: var(--global-typography-ui-body-active-font-weight);
324
330
  font-size: var(--global-typography-ui-body-active-font-size);
325
331
  line-height: var(--global-typography-ui-body-active-line-height);
326
332
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"integration-fleet-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"integration-fleet-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -19,7 +19,9 @@ const compentStyle = css`
19
19
  align-items: center;
20
20
  justify-content: center;
21
21
 
22
- font-family: var(--font-family-main);
22
+ font-family: var(--global-typography-font-family);
23
+
24
+ font-weight: var(--global-typography-ui-button-font-weight);
23
25
 
24
26
  font-size: var(--global-typography-ui-button-font-size);
25
27
 
@@ -1 +1 @@
1
- {"version":3,"file":"integration-tabs.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"integration-tabs.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -31,7 +31,9 @@ const compentStyle = css`
31
31
  padding-top: 4px;
32
32
  padding-bottom: 4px;
33
33
 
34
- font-family: var(--font-family-main);
34
+ font-family: var(--global-typography-font-family);
35
+
36
+ font-weight: var(--global-typography-ui-overline-font-weight);
35
37
 
36
38
  font-size: var(--global-typography-ui-overline-font-size);
37
39
 
@@ -1 +1 @@
1
- {"version":3,"file":"azimuth-thruster-labeled.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"azimuth-thruster-labeled.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -159,7 +159,8 @@ const compentStyle = css`
159
159
  }
160
160
 
161
161
  .wrapper.horizontal.enhanced .src {
162
- font-family: var(--font-family-main);
162
+ font-family: var(--global-typography-font-family);
163
+ font-weight: var(--global-typography-ui-body-font-weight);
163
164
  font-size: var(--global-typography-ui-body-font-size);
164
165
  line-height: var(--global-typography-ui-body-line-height);
165
166
  font-feature-settings:
@@ -228,7 +229,8 @@ const compentStyle = css`
228
229
 
229
230
  .wrapper .src-picker::part(label) {
230
231
  padding: 0;
231
- font-family: var(--font-family-main);
232
+ font-family: var(--global-typography-font-family);
233
+ font-weight: var(--global-typography-ui-body-font-weight);
232
234
  font-size: var(--global-typography-ui-body-font-size);
233
235
  line-height: var(--global-typography-ui-body-line-height);
234
236
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"instrument-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"instrument-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -665,7 +665,8 @@ const componentStyle = css`
665
665
  }
666
666
 
667
667
  .source-container.source-type-regular .source {
668
- font-family: var(--font-family-main);
668
+ font-family: var(--global-typography-font-family);
669
+ font-weight: var(--global-typography-ui-body-font-weight);
669
670
  font-size: var(--global-typography-ui-body-font-size);
670
671
  line-height: var(--global-typography-ui-body-line-height);
671
672
  font-feature-settings:
@@ -739,7 +740,8 @@ const componentStyle = css`
739
740
  }
740
741
 
741
742
  .source-type-regular:is(.source-container .source-picker)::part(label) {
742
- font-family: var(--font-family-main);
743
+ font-family: var(--global-typography-font-family);
744
+ font-weight: var(--global-typography-ui-body-font-weight);
743
745
  font-size: var(--global-typography-ui-body-font-size);
744
746
  line-height: var(--global-typography-ui-body-line-height);
745
747
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"readout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"readout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -9,14 +9,15 @@ const compentStyle = css`
9
9
  }
10
10
 
11
11
  .label {
12
- font-family: var(--font-family-main);
12
+ font-family: var(--global-typography-font-family);
13
+ font-weight: var(--global-typography-ui-body-font-weight);
13
14
  font-size: var(--global-typography-ui-body-font-size);
14
15
  line-height: var(--global-typography-ui-body-line-height);
15
16
  font-feature-settings:
16
17
  "liga" off,
17
18
  "clig" off,
18
19
  "ss04" on;
19
- font-size: calc(12px / var(--scale));
20
+ font-size: calc(12px / var(--scale, 1));
20
21
  fill: var(--element-neutral-color);
21
22
  dominant-baseline: central;
22
23
  text-anchor: middle;
@@ -1 +1 @@
1
- {"version":3,"file":"watch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"watch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -9,14 +9,15 @@ const compentStyle = css`
9
9
  }
10
10
 
11
11
  .label {
12
- font-family: var(--font-family-main);
12
+ font-family: var(--global-typography-font-family);
13
+ font-weight: var(--global-typography-ui-body-font-weight);
13
14
  font-size: var(--global-typography-ui-body-font-size);
14
15
  line-height: var(--global-typography-ui-body-line-height);
15
16
  font-feature-settings:
16
17
  "liga" off,
17
18
  "clig" off,
18
19
  "ss04" on;
19
- font-size: calc(16px / var(--scale));
20
+ font-size: calc(16px / var(--scale, 1));
20
21
  fill: var(--element-neutral-color);
21
22
  alignment-baseline: middle;
22
23
  text-anchor: middle;
@@ -1 +1 @@
1
- {"version":3,"file":"watch-flat.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"watch-flat.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -14791,7 +14791,8 @@ label.obc-radio-button.disabled {
14791
14791
  color: var(--on-flat-disabled-color) !important;
14792
14792
  }
14793
14793
  label.obc-radio-button {
14794
- font-family: var(--font-family-main);
14794
+ font-family: var(--global-typography-font-family);
14795
+ font-weight: var(--global-typography-ui-body-font-weight);
14795
14796
  font-size: var(--global-typography-ui-body-font-size);
14796
14797
  line-height: var(--global-typography-ui-body-line-height);
14797
14798
  font-feature-settings:
@@ -14822,7 +14823,8 @@ label.obc-radio-button.disabled .label,label.obc-radio-button.disabled:hover .la
14822
14823
  color: var(--element-disabled-color);
14823
14824
  }
14824
14825
  label.obc-radio-button:has(input:checked) {
14825
- font-family: var(--font-family-main);
14826
+ font-family: var(--global-typography-font-family);
14827
+ font-weight: var(--global-typography-ui-body-active-font-weight);
14826
14828
  font-size: var(--global-typography-ui-body-active-font-size);
14827
14829
  line-height: var(--global-typography-ui-body-active-line-height);
14828
14830
  font-feature-settings:
@@ -11,7 +11,7 @@ const compentStyle = css`
11
11
  .wrapper {
12
12
  display: flex;
13
13
  flex-direction: column;
14
- background: var(--color-container-background-color);
14
+ background: var(--container-background-color);
15
15
  height: 100%;
16
16
 
17
17
  --padding-horizontal: var(--app-components-modal-margin-vertical);
@@ -62,7 +62,8 @@ const compentStyle = css`
62
62
  .header .title {
63
63
  padding: 0px var(--app-components-alert-info-label-spacing);
64
64
  color: var(--element-neutral-color);
65
- font-family: var(--font-family-main);
65
+ font-family: var(--global-typography-font-family);
66
+ font-weight: var(--global-typography-ui-overline-font-weight);
66
67
  font-size: var(--global-typography-ui-overline-font-size);
67
68
  line-height: var(--global-typography-ui-overline-line-height);
68
69
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -92,7 +93,8 @@ const compentStyle = css`
92
93
 
93
94
  .body .description {
94
95
  color: var(--element-active-color);
95
- font-family: var(--font-family-main);
96
+ font-family: var(--global-typography-font-family);
97
+ font-weight: var(--global-typography-ui-body-font-weight);
96
98
  font-size: var(--global-typography-ui-body-font-size);
97
99
  line-height: var(--global-typography-ui-body-line-height);
98
100
  font-feature-settings:
@@ -104,7 +106,8 @@ const compentStyle = css`
104
106
 
105
107
  :is(.body .description) .label {
106
108
  color: var(--element-neutral-color);
107
- font-family: var(--font-family-main);
109
+ font-family: var(--global-typography-font-family);
110
+ font-weight: var(--global-typography-ui-label-font-weight);
108
111
  font-size: var(--global-typography-ui-label-font-size);
109
112
  line-height: var(--global-typography-ui-label-line-height);
110
113
  font-feature-settings:
@@ -120,7 +123,8 @@ const compentStyle = css`
120
123
 
121
124
  :is(.body .detail) .detail-title {
122
125
  color: var(--element-neutral-color);
123
- font-family: var(--font-family-main);
126
+ font-family: var(--global-typography-font-family);
127
+ font-weight: var(--global-typography-ui-label-font-weight);
124
128
  font-size: var(--global-typography-ui-label-font-size);
125
129
  line-height: var(--global-typography-ui-label-line-height);
126
130
  font-feature-settings:
@@ -131,7 +135,8 @@ const compentStyle = css`
131
135
 
132
136
  :is(.body .detail) .detail-value {
133
137
  color: var(--element-active-color);
134
- font-family: var(--font-family-main);
138
+ font-family: var(--global-typography-font-family);
139
+ font-weight: var(--global-typography-ui-body-font-weight);
135
140
  font-size: var(--global-typography-ui-body-font-size);
136
141
  line-height: var(--global-typography-ui-body-line-height);
137
142
  font-feature-settings:
@@ -144,7 +149,8 @@ const compentStyle = css`
144
149
  color: var(--element-active-color);
145
150
  width: var(--app-components-alert-info-icon-size);
146
151
  height: var(--app-components-alert-info-icon-size);
147
- font-family: var(--font-family-main);
152
+ font-family: var(--global-typography-font-family);
153
+ font-weight: var(--global-typography-ui-body-font-weight);
148
154
  font-size: var(--global-typography-ui-body-font-size);
149
155
  line-height: var(--global-typography-ui-body-line-height);
150
156
  font-feature-settings:
@@ -165,7 +171,8 @@ const compentStyle = css`
165
171
 
166
172
  .readout-graph-title {
167
173
  color: var(--element-active-color);
168
- font-family: var(--font-family-main);
174
+ font-family: var(--global-typography-font-family);
175
+ font-weight: var(--global-typography-ui-label-font-weight);
169
176
  font-size: var(--global-typography-ui-label-font-size);
170
177
  line-height: var(--global-typography-ui-label-line-height);
171
178
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"alert-detail-page.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"alert-detail-page.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents",
3
- "version": "2.0.0-next.51",
3
+ "version": "2.0.0-next.52",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",