@oicl/openbridge-webcomponents 2.0.0-next.50 → 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 (207) hide show
  1. package/bundle/openbridge-webcomponents.bundle.js +18521 -17306
  2. package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
  3. package/custom-elements.json +857 -3
  4. package/dist/ar/building-blocks/poi-header/poi-header.css.js +8 -4
  5. package/dist/ar/building-blocks/poi-header/poi-header.css.js.map +1 -1
  6. package/dist/ar/chart-object-vessel-button/chart-object-vessel-button.css.js +7 -7
  7. package/dist/ar/poi-card-header/poi-card-header.css.js +12 -6
  8. package/dist/ar/poi-card-header/poi-card-header.css.js.map +1 -1
  9. package/dist/building-blocks/alert-list/alert-list.css.js +4 -2
  10. package/dist/building-blocks/alert-list/alert-list.css.js.map +1 -1
  11. package/dist/components/accordion-card/accordion-card.css.js +6 -3
  12. package/dist/components/accordion-card/accordion-card.css.js.map +1 -1
  13. package/dist/components/accordion-item/accordion-item.css.js +4 -2
  14. package/dist/components/accordion-item/accordion-item.css.js.map +1 -1
  15. package/dist/components/advice-button/advice-button.css.js +2 -1
  16. package/dist/components/advice-button/advice-button.css.js.map +1 -1
  17. package/dist/components/alert-button/alert-button.css.js +2 -1
  18. package/dist/components/alert-button/alert-button.css.js.map +1 -1
  19. package/dist/components/alert-frame/alert-frame.css.js +7 -3
  20. package/dist/components/alert-frame/alert-frame.css.js.map +1 -1
  21. package/dist/components/alert-list-details/alert-list-details.css.js +4 -2
  22. package/dist/components/alert-list-details/alert-list-details.css.js.map +1 -1
  23. package/dist/components/alert-menu/alert-menu.css.js +4 -2
  24. package/dist/components/alert-menu/alert-menu.css.js.map +1 -1
  25. package/dist/components/app-button/app-button.css.js +8 -4
  26. package/dist/components/app-button/app-button.css.js.map +1 -1
  27. package/dist/components/attachment-list-item/attachment-list-item.css.js +8 -4
  28. package/dist/components/attachment-list-item/attachment-list-item.css.js.map +1 -1
  29. package/dist/components/badge/badge.css.js +4 -2
  30. package/dist/components/badge/badge.css.js.map +1 -1
  31. package/dist/components/breadcrumb/breadcrumb.css.js +4 -2
  32. package/dist/components/breadcrumb/breadcrumb.css.js.map +1 -1
  33. package/dist/components/brilliance-menu/brilliance-menu.css.js +2 -1
  34. package/dist/components/brilliance-menu/brilliance-menu.css.js.map +1 -1
  35. package/dist/components/calendar/calendar.css.js +5 -3
  36. package/dist/components/calendar/calendar.css.js.map +1 -1
  37. package/dist/components/card/card.css.js +2 -1
  38. package/dist/components/card/card.css.js.map +1 -1
  39. package/dist/components/chat-message/chat-message.css.js +6 -3
  40. package/dist/components/chat-message/chat-message.css.js.map +1 -1
  41. package/dist/components/check-button/check-button.css.js +5 -3
  42. package/dist/components/check-button/check-button.css.js.map +1 -1
  43. package/dist/components/checkbox-item/checkbox-item.css.js +4 -2
  44. package/dist/components/checkbox-item/checkbox-item.css.js.map +1 -1
  45. package/dist/components/clock/clock.css.js +7 -3
  46. package/dist/components/clock/clock.css.js.map +1 -1
  47. package/dist/components/command-menu/command-menu.css.js +6 -3
  48. package/dist/components/command-menu/command-menu.css.js.map +1 -1
  49. package/dist/components/communication-table/communication-table.css.js +10 -5
  50. package/dist/components/communication-table/communication-table.css.js.map +1 -1
  51. package/dist/components/context-menu-input/context-menu-input.css.js +4 -2
  52. package/dist/components/context-menu-input/context-menu-input.css.js.map +1 -1
  53. package/dist/components/date-item/date-item.css.js +16 -8
  54. package/dist/components/date-item/date-item.css.js.map +1 -1
  55. package/dist/components/dropdown-button/dropdown-button.css.js +6 -3
  56. package/dist/components/dropdown-button/dropdown-button.css.js.map +1 -1
  57. package/dist/components/elevated-card/elevated-card.css.js +8 -4
  58. package/dist/components/elevated-card/elevated-card.css.js.map +1 -1
  59. package/dist/components/elevated-card-radio-group/elevated-card-radio-group.css.js +6 -3
  60. package/dist/components/elevated-card-radio-group/elevated-card-radio-group.css.js.map +1 -1
  61. package/dist/components/event-item/event-item.css.js +6 -3
  62. package/dist/components/event-item/event-item.css.js.map +1 -1
  63. package/dist/components/event-list/event-list.css.js +2 -1
  64. package/dist/components/event-list/event-list.css.js.map +1 -1
  65. package/dist/components/filter-chip/filter-chip.css.js +2 -1
  66. package/dist/components/filter-chip/filter-chip.css.js.map +1 -1
  67. package/dist/components/floating-item/floating-item.css.js +6 -3
  68. package/dist/components/floating-item/floating-item.css.js.map +1 -1
  69. package/dist/components/form-container/form-container.css.js +1 -1
  70. package/dist/components/form-group/form-group.css.js +4 -2
  71. package/dist/components/form-group/form-group.css.js.map +1 -1
  72. package/dist/components/form-item/form-item.css.js +4 -2
  73. package/dist/components/form-item/form-item.css.js.map +1 -1
  74. package/dist/components/icon-button/icon-button.css.js +20 -19
  75. package/dist/components/icon-button/icon-button.css.js.map +1 -1
  76. package/dist/components/icon-button/icon-button.d.ts +2 -0
  77. package/dist/components/icon-button/icon-button.d.ts.map +1 -1
  78. package/dist/components/icon-button/icon-button.js.map +1 -1
  79. package/dist/components/icon-check-button/icon-check-button.css.js +4 -2
  80. package/dist/components/icon-check-button/icon-check-button.css.js.map +1 -1
  81. package/dist/components/input-chip/input-chip.css.js +2 -1
  82. package/dist/components/input-chip/input-chip.css.js.map +1 -1
  83. package/dist/components/keyboard-full/keyboard-full.css.js +2 -1
  84. package/dist/components/keyboard-full/keyboard-full.css.js.map +1 -1
  85. package/dist/components/keyboard-numeric/keyboard-numeric.css.js +2 -1
  86. package/dist/components/keyboard-numeric/keyboard-numeric.css.js.map +1 -1
  87. package/dist/components/menu-button/menu-button.css.js +4 -2
  88. package/dist/components/menu-button/menu-button.css.js.map +1 -1
  89. package/dist/components/message-menu-item/message-menu-item.css.js +6 -3
  90. package/dist/components/message-menu-item/message-menu-item.css.js.map +1 -1
  91. package/dist/components/modal-window/modal-window.css.js +2 -1
  92. package/dist/components/modal-window/modal-window.css.js.map +1 -1
  93. package/dist/components/navigation-item/navigation-item.css.js +9 -4
  94. package/dist/components/navigation-item/navigation-item.css.js.map +1 -1
  95. package/dist/components/notification-badge-button/notification-badge-button.css.js +2 -1
  96. package/dist/components/notification-badge-button/notification-badge-button.css.js.map +1 -1
  97. package/dist/components/notification-button/notification-button.css.js +2 -1
  98. package/dist/components/notification-button/notification-button.css.js.map +1 -1
  99. package/dist/components/number-input-field/number-input-field.css.js +4 -2
  100. package/dist/components/number-input-field/number-input-field.css.js.map +1 -1
  101. package/dist/components/pivot-item/pivot-item.css.js +4 -2
  102. package/dist/components/pivot-item/pivot-item.css.js.map +1 -1
  103. package/dist/components/progress-bar/progress-bar.css.js +4 -2
  104. package/dist/components/progress-bar/progress-bar.css.js.map +1 -1
  105. package/dist/components/progress-button/progress-button.css.js +4 -2
  106. package/dist/components/progress-button/progress-button.css.js.map +1 -1
  107. package/dist/components/radio/radio.css.js +4 -2
  108. package/dist/components/radio/radio.css.js.map +1 -1
  109. package/dist/components/rich-button/rich-button.css.js +4 -2
  110. package/dist/components/rich-button/rich-button.css.js.map +1 -1
  111. package/dist/components/sequence-item/sequence-item.css.js +11 -6
  112. package/dist/components/sequence-item/sequence-item.css.js.map +1 -1
  113. package/dist/components/sequence-loading-spinner/sequence-loading-spinner.css.js +3 -3
  114. package/dist/components/sequence-step/sequence-step.css.js +2 -1
  115. package/dist/components/sequence-step/sequence-step.css.js.map +1 -1
  116. package/dist/components/slide-button/slide-button.css.js +2 -1
  117. package/dist/components/slide-button/slide-button.css.js.map +1 -1
  118. package/dist/components/slider-double/slider-double.css.js +2 -1
  119. package/dist/components/slider-double/slider-double.css.js.map +1 -1
  120. package/dist/components/start-stop-switch/start-stop-switch.css.js +16 -8
  121. package/dist/components/start-stop-switch/start-stop-switch.css.js.map +1 -1
  122. package/dist/components/status-indicator/status-indicator.css.js +4 -2
  123. package/dist/components/status-indicator/status-indicator.css.js.map +1 -1
  124. package/dist/components/stepper-box/stepper-box.css.js +2 -1
  125. package/dist/components/stepper-box/stepper-box.css.js.map +1 -1
  126. package/dist/components/system-menu/system-menu.css.js +26 -13
  127. package/dist/components/system-menu/system-menu.css.js.map +1 -1
  128. package/dist/components/tab-item/tab-item.css.js +8 -5
  129. package/dist/components/tab-item/tab-item.css.js.map +1 -1
  130. package/dist/components/tabbed-card/tabbed-card.css.js +4 -2
  131. package/dist/components/tabbed-card/tabbed-card.css.js.map +1 -1
  132. package/dist/components/table/table.css.js +8 -5
  133. package/dist/components/table/table.css.js.map +1 -1
  134. package/dist/components/table-header-item/table-header-item.css.js +2 -1
  135. package/dist/components/table-header-item/table-header-item.css.js.map +1 -1
  136. package/dist/components/tag/tag.css.js +4 -2
  137. package/dist/components/tag/tag.css.js.map +1 -1
  138. package/dist/components/text-input-field/text-input-field.css.js +6 -3
  139. package/dist/components/text-input-field/text-input-field.css.js.map +1 -1
  140. package/dist/components/textarea-field/textarea-field.css.js +6 -3
  141. package/dist/components/textarea-field/textarea-field.css.js.map +1 -1
  142. package/dist/components/title-container/title-container.css.js +3 -2
  143. package/dist/components/title-container/title-container.css.js.map +1 -1
  144. package/dist/components/toggle-button-option/toggle-button-option.css.js +19 -12
  145. package/dist/components/toggle-button-option/toggle-button-option.css.js.map +1 -1
  146. package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js +4 -2
  147. package/dist/components/toggle-button-vertical-option/toggle-button-vertical-option.css.js.map +1 -1
  148. package/dist/components/toggle-switch/toggle-switch.css.js +6 -3
  149. package/dist/components/toggle-switch/toggle-switch.css.js.map +1 -1
  150. package/dist/components/toggletip/toggletip.css.js +4 -2
  151. package/dist/components/toggletip/toggletip.css.js.map +1 -1
  152. package/dist/components/tooltip/tooltip.css.js +2 -1
  153. package/dist/components/tooltip/tooltip.css.js.map +1 -1
  154. package/dist/components/top-bar/top-bar.css.js +4 -2
  155. package/dist/components/top-bar/top-bar.css.js.map +1 -1
  156. package/dist/components/topbar-message-item/topbar-message-item.css.js +10 -5
  157. package/dist/components/topbar-message-item/topbar-message-item.css.js.map +1 -1
  158. package/dist/components/user-button/user-button.css.js +12 -7
  159. package/dist/components/user-button/user-button.css.js.map +1 -1
  160. package/dist/components/user-menu/user-menu.css.js +4 -2
  161. package/dist/components/user-menu/user-menu.css.js.map +1 -1
  162. package/dist/integration-systems/integration-bar/integration-bar.css.js +97 -0
  163. package/dist/integration-systems/integration-bar/integration-bar.css.js.map +1 -0
  164. package/dist/integration-systems/integration-bar/integration-bar.d.ts +91 -0
  165. package/dist/integration-systems/integration-bar/integration-bar.d.ts.map +1 -0
  166. package/dist/integration-systems/integration-bar/integration-bar.js +279 -0
  167. package/dist/integration-systems/integration-bar/integration-bar.js.map +1 -0
  168. package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.css.js +2 -1
  169. package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.css.js.map +1 -1
  170. package/dist/integration-systems/integration-button/integration-button.css.js +472 -156
  171. package/dist/integration-systems/integration-button/integration-button.css.js.map +1 -1
  172. package/dist/integration-systems/integration-button/integration-button.d.ts +37 -1
  173. package/dist/integration-systems/integration-button/integration-button.d.ts.map +1 -1
  174. package/dist/integration-systems/integration-button/integration-button.js +202 -36
  175. package/dist/integration-systems/integration-button/integration-button.js.map +1 -1
  176. package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js +17 -6
  177. package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js.map +1 -1
  178. package/dist/integration-systems/integration-fleet-button/integration-fleet-button.css.js +12 -6
  179. package/dist/integration-systems/integration-fleet-button/integration-fleet-button.css.js.map +1 -1
  180. package/dist/integration-systems/integration-tabs/integration-tabs.css.js +3 -1
  181. package/dist/integration-systems/integration-tabs/integration-tabs.css.js.map +1 -1
  182. package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.css.js +75 -0
  183. package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.css.js.map +1 -0
  184. package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.d.ts +37 -0
  185. package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.d.ts.map +1 -0
  186. package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.js +72 -0
  187. package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.js.map +1 -0
  188. package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.css.js +21 -8
  189. package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.css.js.map +1 -1
  190. package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.d.ts +2 -0
  191. package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.d.ts.map +1 -1
  192. package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.js +5 -0
  193. package/dist/integration-systems/integration-vessel-selector/integration-vessel-selector.js.map +1 -1
  194. package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.css.js +3 -1
  195. package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.css.js.map +1 -1
  196. package/dist/navigation-instruments/instrument-field/instrument-field.css.js +4 -2
  197. package/dist/navigation-instruments/instrument-field/instrument-field.css.js.map +1 -1
  198. package/dist/navigation-instruments/readout/readout.css.js +4 -2
  199. package/dist/navigation-instruments/readout/readout.css.js.map +1 -1
  200. package/dist/navigation-instruments/watch/watch.css.js +3 -2
  201. package/dist/navigation-instruments/watch/watch.css.js.map +1 -1
  202. package/dist/navigation-instruments/watch-flat/watch-flat.css.js +3 -2
  203. package/dist/navigation-instruments/watch-flat/watch-flat.css.js.map +1 -1
  204. package/dist/openbridge.css +4 -2
  205. package/dist/pages/alert-detail-page/alert-detail-page.css.js +15 -8
  206. package/dist/pages/alert-detail-page/alert-detail-page.css.js.map +1 -1
  207. package/package.json +3 -3
@@ -72,7 +72,8 @@ const componentStyle = css`
72
72
  }
73
73
 
74
74
  .label {
75
- font-family: var(--font-family-main);
75
+ font-family: var(--global-typography-font-family);
76
+ font-weight: var(--global-typography-ui-button-font-weight);
76
77
  font-size: var(--global-typography-ui-button-font-size);
77
78
  line-height: var(--global-typography-ui-button-line-height);
78
79
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"slider-double.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"slider-double.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -133,7 +133,8 @@ const componentStyle = css`
133
133
 
134
134
  .checked.state {
135
135
  left: 0;
136
- font-family: var(--font-family-main);
136
+ font-family: var(--global-typography-font-family);
137
+ font-weight: var(--global-typography-ui-body-active-font-weight);
137
138
  font-size: var(--global-typography-ui-body-active-font-size);
138
139
  line-height: var(--global-typography-ui-body-active-line-height);
139
140
  font-feature-settings:
@@ -155,7 +156,8 @@ const componentStyle = css`
155
156
 
156
157
  .unchecked.state {
157
158
  right: 0;
158
- font-family: var(--font-family-main);
159
+ font-family: var(--global-typography-font-family);
160
+ font-weight: var(--global-typography-ui-body-font-weight);
159
161
  font-size: var(--global-typography-ui-body-font-size);
160
162
  line-height: var(--global-typography-ui-body-line-height);
161
163
  font-feature-settings:
@@ -285,7 +287,8 @@ const componentStyle = css`
285
287
  align-items: center;
286
288
  padding: 0px var(--ui-components-start-stop-switch-padding-horizontal);
287
289
  border-radius: var(--ui-components-state-toggle-border-radius);
288
- font-family: var(--font-family-main);
290
+ font-family: var(--global-typography-font-family);
291
+ font-weight: var(--global-typography-ui-button-font-weight);
289
292
  font-size: var(--global-typography-ui-button-font-size);
290
293
  line-height: var(--global-typography-ui-button-line-height);
291
294
  font-feature-settings:
@@ -363,7 +366,8 @@ const componentStyle = css`
363
366
  align-items: center;
364
367
  left: auto;
365
368
  right: auto;
366
- font-family: var(--font-family-main);
369
+ font-family: var(--global-typography-font-family);
370
+ font-weight: var(--global-typography-ui-body-font-weight);
367
371
  font-size: var(--global-typography-ui-body-font-size);
368
372
  line-height: var(--global-typography-ui-body-line-height);
369
373
  font-feature-settings:
@@ -399,7 +403,8 @@ const componentStyle = css`
399
403
  }
400
404
 
401
405
  .wrapper.disabled.checked.variant-normal .state.checked {
402
- font-family: var(--font-family-main);
406
+ font-family: var(--global-typography-font-family);
407
+ font-weight: var(--global-typography-ui-body-active-font-weight);
403
408
  font-size: var(--global-typography-ui-body-active-font-size);
404
409
  line-height: var(--global-typography-ui-body-active-line-height);
405
410
  font-feature-settings:
@@ -417,7 +422,8 @@ const componentStyle = css`
417
422
  }
418
423
 
419
424
  .wrapper.disabled.checked.variant-running .state.checked {
420
- font-family: var(--font-family-main);
425
+ font-family: var(--global-typography-font-family);
426
+ font-weight: var(--global-typography-ui-body-active-font-weight);
421
427
  font-size: var(--global-typography-ui-body-active-font-size);
422
428
  line-height: var(--global-typography-ui-body-active-line-height);
423
429
  font-feature-settings:
@@ -435,7 +441,8 @@ const componentStyle = css`
435
441
  }
436
442
 
437
443
  .wrapper.disabled.checked.variant-loading .state.checked {
438
- font-family: var(--font-family-main);
444
+ font-family: var(--global-typography-font-family);
445
+ font-weight: var(--global-typography-ui-body-active-font-weight);
439
446
  font-size: var(--global-typography-ui-body-active-font-size);
440
447
  line-height: var(--global-typography-ui-body-active-line-height);
441
448
  font-feature-settings:
@@ -463,7 +470,8 @@ const componentStyle = css`
463
470
  /* Description */
464
471
 
465
472
  .description {
466
- font-family: var(--font-family-main);
473
+ font-family: var(--global-typography-font-family);
474
+ font-weight: var(--global-typography-ui-label-font-weight);
467
475
  font-size: var(--global-typography-ui-label-font-size);
468
476
  line-height: var(--global-typography-ui-label-line-height);
469
477
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"start-stop-switch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"start-stop-switch.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -66,7 +66,8 @@ const compentStyle = css`
66
66
  }
67
67
 
68
68
  .label {
69
- font-family: var(--font-family-main);
69
+ font-family: var(--global-typography-font-family);
70
+ font-weight: var(--global-typography-ui-button-font-weight);
70
71
  font-size: var(--global-typography-ui-button-font-size);
71
72
  line-height: var(--global-typography-ui-button-line-height);
72
73
  font-feature-settings:
@@ -77,7 +78,8 @@ const compentStyle = css`
77
78
  }
78
79
 
79
80
  .state-inactive .label {
80
- font-family: var(--font-family-main);
81
+ font-family: var(--global-typography-font-family);
82
+ font-weight: var(--global-typography-ui-body-font-weight);
81
83
  font-size: var(--global-typography-ui-body-font-size);
82
84
  line-height: var(--global-typography-ui-body-line-height);
83
85
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"status-indicator.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"status-indicator.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -36,7 +36,8 @@ const compentStyle = css`
36
36
  }
37
37
 
38
38
  .wrapper .helper-text {
39
- font-family: var(--font-family-main);
39
+ font-family: var(--global-typography-font-family);
40
+ font-weight: var(--global-typography-ui-label-font-weight);
40
41
  font-size: var(--global-typography-ui-label-font-size);
41
42
  line-height: var(--global-typography-ui-label-line-height);
42
43
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-box.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"stepper-box.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -104,7 +104,8 @@ const compentStyle = css`
104
104
  align-items: center;
105
105
  width: 100%;
106
106
  color: var(--element-neutral-color);
107
- font-family: var(--font-family-main);
107
+ font-family: var(--global-typography-font-family);
108
+ font-weight: var(--global-typography-ui-overline-font-weight);
108
109
  font-size: var(--global-typography-ui-overline-font-size);
109
110
  line-height: var(--global-typography-ui-overline-line-height);
110
111
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -142,7 +143,8 @@ const compentStyle = css`
142
143
 
143
144
  .settings:is(.wrapper .title-container) {
144
145
  justify-content: flex-start;
145
- font-family: var(--font-family-main);
146
+ font-family: var(--global-typography-font-family);
147
+ font-weight: var(--global-typography-ui-body-font-weight);
146
148
  font-size: var(--global-typography-ui-body-font-size);
147
149
  line-height: var(--global-typography-ui-body-line-height);
148
150
  font-feature-settings:
@@ -210,7 +212,8 @@ const compentStyle = css`
210
212
 
211
213
  :is(.wrapper .content-container) .content-item-value {
212
214
  padding: 0 var(--app-components-system-menu-spacing-large);
213
- font-family: var(--font-family-main);
215
+ font-family: var(--global-typography-font-family);
216
+ font-weight: var(--global-typography-ui-body-active-font-weight);
214
217
  font-size: var(--global-typography-ui-body-active-font-size);
215
218
  line-height: var(--global-typography-ui-body-active-line-height);
216
219
  font-feature-settings:
@@ -226,7 +229,8 @@ const compentStyle = css`
226
229
 
227
230
  .disabled:is(:is(.wrapper .content-container) .content-item-value) {
228
231
  color: var(--element-neutral-color);
229
- font-family: var(--font-family-main);
232
+ font-family: var(--global-typography-font-family);
233
+ font-weight: var(--global-typography-ui-body-font-weight);
230
234
  font-size: var(--global-typography-ui-body-font-size);
231
235
  line-height: var(--global-typography-ui-body-line-height);
232
236
  font-feature-settings:
@@ -259,7 +263,8 @@ const compentStyle = css`
259
263
  }
260
264
 
261
265
  :is(:is(.wrapper .content-container) .battery) .percentage {
262
- font-family: var(--font-family-main);
266
+ font-family: var(--global-typography-font-family);
267
+ font-weight: var(--global-typography-ui-body-active-font-weight);
263
268
  font-size: var(--global-typography-ui-body-active-font-size);
264
269
  line-height: var(--global-typography-ui-body-active-line-height);
265
270
  font-feature-settings:
@@ -269,7 +274,8 @@ const compentStyle = css`
269
274
  }
270
275
 
271
276
  :is(:is(.wrapper .content-container) .battery) .status {
272
- font-family: var(--font-family-main);
277
+ font-family: var(--global-typography-font-family);
278
+ font-weight: var(--global-typography-ui-body-font-weight);
273
279
  font-size: var(--global-typography-ui-body-font-size);
274
280
  line-height: var(--global-typography-ui-body-line-height);
275
281
  font-feature-settings:
@@ -305,7 +311,8 @@ const compentStyle = css`
305
311
  justify-content: space-between;
306
312
  min-height: var(--app-components-system-menu-touch-target-size);
307
313
  padding: 0 var(--app-components-system-menu-padding-horizontal);
308
- font-family: var(--font-family-main);
314
+ font-family: var(--global-typography-font-family);
315
+ font-weight: var(--global-typography-ui-overline-font-weight);
309
316
  font-size: var(--global-typography-ui-overline-font-size);
310
317
  line-height: var(--global-typography-ui-overline-line-height);
311
318
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -345,7 +352,8 @@ const compentStyle = css`
345
352
  }
346
353
 
347
354
  .wrapper.small-screen .small-screen-volume-label {
348
- font-family: var(--font-family-main);
355
+ font-family: var(--global-typography-font-family);
356
+ font-weight: var(--global-typography-ui-button-font-weight);
349
357
  font-size: var(--global-typography-ui-button-font-size);
350
358
  line-height: var(--global-typography-ui-button-line-height);
351
359
  font-feature-settings:
@@ -362,7 +370,8 @@ const compentStyle = css`
362
370
  display: flex;
363
371
  align-items: center;
364
372
  gap: var(--app-components-system-menu-spacing);
365
- font-family: var(--font-family-main);
373
+ font-family: var(--global-typography-font-family);
374
+ font-weight: var(--global-typography-ui-body-active-font-weight);
366
375
  font-size: var(--global-typography-ui-body-active-font-size);
367
376
  line-height: var(--global-typography-ui-body-active-line-height);
368
377
  font-feature-settings:
@@ -379,7 +388,8 @@ const compentStyle = css`
379
388
  }
380
389
 
381
390
  .wrapper.small-screen .small-screen-battery-level {
382
- font-family: var(--font-family-main);
391
+ font-family: var(--global-typography-font-family);
392
+ font-weight: var(--global-typography-ui-body-active-font-weight);
383
393
  font-size: var(--global-typography-ui-body-active-font-size);
384
394
  line-height: var(--global-typography-ui-body-active-line-height);
385
395
  font-feature-settings:
@@ -573,7 +583,8 @@ const compentStyle = css`
573
583
  }
574
584
 
575
585
  .sub-container.sub-container-title .title2 {
576
- font-family: var(--font-family-main);
586
+ font-family: var(--global-typography-font-family);
587
+ font-weight: var(--global-typography-ui-overline-font-weight);
577
588
  font-size: var(--global-typography-ui-overline-font-size);
578
589
  line-height: var(--global-typography-ui-overline-line-height);
579
590
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -626,7 +637,8 @@ const compentStyle = css`
626
637
 
627
638
  .wifi-container:is(.sub-container .row) .wifi-name {
628
639
  grid-area: name;
629
- font-family: var(--font-family-main);
640
+ font-family: var(--global-typography-font-family);
641
+ font-weight: var(--global-typography-ui-body-active-font-weight);
630
642
  font-size: var(--global-typography-ui-body-active-font-size);
631
643
  line-height: var(--global-typography-ui-body-active-line-height);
632
644
  font-feature-settings:
@@ -637,7 +649,8 @@ const compentStyle = css`
637
649
 
638
650
  .wifi-container:is(.sub-container .row) .wifi-status {
639
651
  grid-area: status;
640
- font-family: var(--font-family-main);
652
+ font-family: var(--global-typography-font-family);
653
+ font-weight: var(--global-typography-ui-label-font-weight);
641
654
  font-size: var(--global-typography-ui-label-font-size);
642
655
  line-height: var(--global-typography-ui-label-line-height);
643
656
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"system-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"system-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -154,7 +154,8 @@ const compentStyle = css`
154
154
  }
155
155
 
156
156
  .wrapper .title,.wrapper .subtitle {
157
- font-family: var(--font-family-main);
157
+ font-family: var(--global-typography-font-family);
158
+ font-weight: var(--global-typography-ui-body-font-weight);
158
159
  font-size: var(--global-typography-ui-body-font-size);
159
160
  line-height: var(--global-typography-ui-body-line-height);
160
161
  font-feature-settings:
@@ -170,7 +171,8 @@ const compentStyle = css`
170
171
  }
171
172
 
172
173
  .wrapper .subtitle {
173
- font-family: var(--font-family-main);
174
+ font-family: var(--global-typography-font-family);
175
+ font-weight: var(--global-typography-ui-label-font-weight);
174
176
  font-size: var(--global-typography-ui-label-font-size);
175
177
  line-height: var(--global-typography-ui-label-line-height);
176
178
  font-feature-settings:
@@ -181,7 +183,7 @@ const compentStyle = css`
181
183
 
182
184
  .wrapper .divider {
183
185
  width: 1px;
184
- height: var(--menu-navigation-components-tab-item-divider-height);
186
+ height: var(--menu-navigation-components-tab-action-button-divider-height);
185
187
  flex-shrink: 0;
186
188
  color: var(--border-divider-color);
187
189
  fill: var(--border-divider-color);
@@ -194,7 +196,7 @@ const compentStyle = css`
194
196
  position: absolute;
195
197
  left: 0;
196
198
  width: 1px;
197
- height: var(--menu-navigation-components-tab-item-divider-height);
199
+ height: var(--menu-navigation-components-tab-action-button-divider-height);
198
200
  background: var(--border-divider-color);
199
201
  }
200
202
 
@@ -219,7 +221,8 @@ const compentStyle = css`
219
221
  }
220
222
 
221
223
  :is(:host([checked]) .wrapper) .title {
222
- font-family: var(--font-family-main);
224
+ font-family: var(--global-typography-font-family);
225
+ font-weight: var(--global-typography-ui-body-active-font-weight);
223
226
  font-size: var(--global-typography-ui-body-active-font-size);
224
227
  line-height: var(--global-typography-ui-body-active-line-height);
225
228
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"tab-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tab-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -100,7 +100,8 @@ const compentStyle = css`
100
100
  }
101
101
 
102
102
  .tab-button {
103
- font-family: var(--font-family-main);
103
+ font-family: var(--global-typography-font-family);
104
+ font-weight: var(--global-typography-ui-body-font-weight);
104
105
  font-size: var(--global-typography-ui-body-font-size);
105
106
  line-height: var(--global-typography-ui-body-line-height);
106
107
  font-feature-settings:
@@ -142,7 +143,8 @@ const compentStyle = css`
142
143
  }
143
144
 
144
145
  .tab-button[aria-selected="true"] {
145
- font-family: var(--font-family-main);
146
+ font-family: var(--global-typography-font-family);
147
+ font-weight: var(--global-typography-ui-body-active-font-weight);
146
148
  font-size: var(--global-typography-ui-body-active-font-size);
147
149
  line-height: var(--global-typography-ui-body-active-line-height);
148
150
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"tabbed-card.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tabbed-card.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -16,7 +16,7 @@ const compentStyle = css`
16
16
  .grid-container {
17
17
  display: grid;
18
18
  height: 100%;
19
- grid-template-columns: repeat(var(--grid-columns), auto);
19
+ grid-template-columns: repeat(var(--grid-columns, 1), auto);
20
20
  align-content: start;
21
21
  grid-template-rows: min-content min-content 1fr;
22
22
  }
@@ -27,7 +27,7 @@ const compentStyle = css`
27
27
  --selection-column-width,
28
28
  var(--menu-navigation-components-table-item-touch-target-size)
29
29
  )
30
- repeat(var(--grid-columns-rest), minmax(0, 1fr));
30
+ repeat(var(--grid-columns-rest, 1), minmax(0, 1fr));
31
31
  }
32
32
 
33
33
  .grid-container .grid-header {
@@ -346,7 +346,8 @@ const compentStyle = css`
346
346
  min-height: 100%;
347
347
  min-width: var(--menu-navigation-components-table-item-touch-target-size);
348
348
  gap: var(--menu-navigation-components-table-item-label-spacing);
349
- font-family: var(--font-family-main);
349
+ font-family: var(--global-typography-font-family);
350
+ font-weight: var(--global-typography-ui-body-font-weight);
350
351
  font-size: var(--global-typography-ui-body-font-size);
351
352
  line-height: var(--global-typography-ui-body-line-height);
352
353
  font-feature-settings:
@@ -435,7 +436,8 @@ const compentStyle = css`
435
436
  }
436
437
 
437
438
  :is(:is(.grid-container .grid-row) .grid-cell) .title {
438
- font-family: var(--font-family-main);
439
+ font-family: var(--global-typography-font-family);
440
+ font-weight: var(--global-typography-ui-body-active-font-weight);
439
441
  font-size: var(--global-typography-ui-body-active-font-size);
440
442
  line-height: var(--global-typography-ui-body-active-line-height);
441
443
  font-feature-settings:
@@ -482,7 +484,8 @@ const compentStyle = css`
482
484
  }
483
485
 
484
486
  .tags:is(:is(.grid-container .grid-row) .grid-cell) .tag-overflow {
485
- font-family: var(--font-family-main);
487
+ font-family: var(--global-typography-font-family);
488
+ font-weight: var(--global-typography-ui-label-font-weight);
486
489
  font-size: var(--global-typography-ui-label-font-size);
487
490
  line-height: var(--global-typography-ui-label-line-height);
488
491
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"table.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"table.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -24,7 +24,8 @@ const compentStyle = css`
24
24
  appearance: none;
25
25
  border: none;
26
26
  background: transparent;
27
- font-family: var(--font-family-main);
27
+ font-family: var(--global-typography-font-family);
28
+ font-weight: var(--global-typography-ui-overline-font-weight);
28
29
  font-size: var(--global-typography-ui-overline-font-size);
29
30
  line-height: var(--global-typography-ui-overline-line-height);
30
31
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -1 +1 @@
1
- {"version":3,"file":"table-header-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"table-header-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -49,7 +49,8 @@ const componentStyle = css`
49
49
  }
50
50
 
51
51
  .wrapper .tag-label {
52
- font-family: var(--font-family-main);
52
+ font-family: var(--global-typography-font-family);
53
+ font-weight: var(--global-typography-ui-label-font-weight);
53
54
  font-size: var(--global-typography-ui-label-font-size);
54
55
  line-height: var(--global-typography-ui-label-line-height);
55
56
  font-feature-settings:
@@ -80,7 +81,8 @@ const componentStyle = css`
80
81
  }
81
82
 
82
83
  .wrapper.size-large .tag-label {
83
- font-family: var(--font-family-main);
84
+ font-family: var(--global-typography-font-family);
85
+ font-weight: var(--global-typography-ui-body-font-weight);
84
86
  font-size: var(--global-typography-ui-body-font-size);
85
87
  line-height: var(--global-typography-ui-body-line-height);
86
88
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"tag.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tag.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -154,7 +154,8 @@ const componentStyle = css`
154
154
  }
155
155
 
156
156
  .label-text {
157
- font-family: var(--font-family-main);
157
+ font-family: var(--global-typography-font-family);
158
+ font-weight: var(--global-typography-ui-label-font-weight);
158
159
  font-size: var(--global-typography-ui-label-font-size);
159
160
  line-height: var(--global-typography-ui-label-line-height);
160
161
  font-feature-settings:
@@ -310,7 +311,8 @@ const componentStyle = css`
310
311
 
311
312
  .helper-text,
312
313
  .error-text {
313
- font-family: var(--font-family-main);
314
+ font-family: var(--global-typography-font-family);
315
+ font-weight: var(--global-typography-ui-label-font-weight);
314
316
  font-size: var(--global-typography-ui-label-font-size);
315
317
  line-height: var(--global-typography-ui-label-line-height);
316
318
  font-feature-settings:
@@ -374,7 +376,8 @@ const componentStyle = css`
374
376
  /* Text input specific: uses body font instead of instrument font */
375
377
 
376
378
  .value-input {
377
- font-family: var(--font-family-main);
379
+ font-family: var(--global-typography-font-family);
380
+ font-weight: var(--global-typography-ui-body-font-weight);
378
381
  font-size: var(--global-typography-ui-body-font-size);
379
382
  line-height: var(--global-typography-ui-body-line-height);
380
383
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"text-input-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -42,7 +42,8 @@ const componentStyle = css`
42
42
  }
43
43
 
44
44
  .title-text {
45
- font-family: var(--font-family-main);
45
+ font-family: var(--global-typography-font-family);
46
+ font-weight: var(--global-typography-ui-label-font-weight);
46
47
  font-size: var(--global-typography-ui-label-font-size);
47
48
  line-height: var(--global-typography-ui-label-line-height);
48
49
  font-feature-settings:
@@ -114,7 +115,8 @@ const componentStyle = css`
114
115
  .input-field {
115
116
  flex-grow: 1;
116
117
  box-sizing: border-box;
117
- font-family: var(--font-family-main);
118
+ font-family: var(--global-typography-font-family);
119
+ font-weight: var(--global-typography-ui-body-font-weight);
118
120
  font-size: var(--global-typography-ui-body-font-size);
119
121
  line-height: var(--global-typography-ui-body-line-height);
120
122
  font-feature-settings:
@@ -331,7 +333,8 @@ obc-audio-recording-item {
331
333
  }
332
334
 
333
335
  .error-text {
334
- font-family: var(--font-family-main);
336
+ font-family: var(--global-typography-font-family);
337
+ font-weight: var(--global-typography-ui-label-font-weight);
335
338
  font-size: var(--global-typography-ui-label-font-size);
336
339
  line-height: var(--global-typography-ui-label-line-height);
337
340
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"textarea-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -61,7 +61,7 @@ const componentStyle = css`
61
61
  }
62
62
 
63
63
  .wrapper .title {
64
- font-family: var(--font-family-main);
64
+ font-family: var(--global-typography-font-family);
65
65
  font-weight: var(--font-weight-bold);
66
66
  font-size: var(--global-typography-ui-title-font-size);
67
67
  line-height: var(--global-typography-ui-title-line-height);
@@ -78,7 +78,8 @@ const componentStyle = css`
78
78
  }
79
79
 
80
80
  .wrapper .label {
81
- font-family: var(--font-family-main);
81
+ font-family: var(--global-typography-font-family);
82
+ font-weight: var(--global-typography-ui-body-font-weight);
82
83
  font-size: var(--global-typography-ui-body-font-size);
83
84
  line-height: var(--global-typography-ui-body-line-height);
84
85
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"title-container.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"title-container.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -11,9 +11,7 @@ const componentStyle = css`
11
11
  .wrapper {
12
12
  height: var(--ui-components-button-touch-target-size);
13
13
  width: 100%;
14
- min-width: var(
15
- --ui-components-icon-toggle-button-horizontal-item-touch-target-size
16
- );
14
+ min-width: var(--ui-components-toggle-button-touch-target-size);
17
15
  min-height: var(
18
16
  --ui-components-toggle-button-toggle-button-item-touch-target-size
19
17
  );
@@ -148,7 +146,8 @@ const componentStyle = css`
148
146
  }
149
147
 
150
148
  .wrapper.inline-label .label {
151
- font-family: var(--font-family-main);
149
+ font-family: var(--global-typography-font-family);
150
+ font-weight: var(--global-typography-ui-body-font-weight);
152
151
  font-size: var(--global-typography-ui-body-font-size);
153
152
  line-height: var(--global-typography-ui-body-line-height);
154
153
  font-feature-settings:
@@ -221,7 +220,8 @@ const componentStyle = css`
221
220
  }
222
221
 
223
222
  .wrapper.selected.type-regular .label {
224
- font-family: var(--font-family-main);
223
+ font-family: var(--global-typography-font-family);
224
+ font-weight: var(--global-typography-ui-label-active-font-weight);
225
225
  font-size: var(--global-typography-ui-label-active-font-size);
226
226
  line-height: var(--global-typography-ui-label-active-line-height);
227
227
  font-feature-settings:
@@ -231,7 +231,8 @@ const componentStyle = css`
231
231
  }
232
232
 
233
233
  .wrapper.selected.type-regular.inline-label .label {
234
- font-family: var(--font-family-main);
234
+ font-family: var(--global-typography-font-family);
235
+ font-weight: var(--global-typography-ui-body-active-font-weight);
235
236
  font-size: var(--global-typography-ui-body-active-font-size);
236
237
  line-height: var(--global-typography-ui-body-active-line-height);
237
238
  font-feature-settings:
@@ -316,7 +317,8 @@ const componentStyle = css`
316
317
  }
317
318
 
318
319
  .wrapper.selected.type-flat .label {
319
- font-family: var(--font-family-main);
320
+ font-family: var(--global-typography-font-family);
321
+ font-weight: var(--global-typography-ui-label-active-font-weight);
320
322
  font-size: var(--global-typography-ui-label-active-font-size);
321
323
  line-height: var(--global-typography-ui-label-active-line-height);
322
324
  font-feature-settings:
@@ -327,7 +329,8 @@ const componentStyle = css`
327
329
  }
328
330
 
329
331
  .wrapper.selected.type-flat.inline-label .label {
330
- font-family: var(--font-family-main);
332
+ font-family: var(--global-typography-font-family);
333
+ font-weight: var(--global-typography-ui-body-active-font-weight);
331
334
  font-size: var(--global-typography-ui-body-active-font-size);
332
335
  line-height: var(--global-typography-ui-body-active-line-height);
333
336
  font-feature-settings:
@@ -408,7 +411,8 @@ const componentStyle = css`
408
411
  }
409
412
 
410
413
  .wrapper.selected.type-normal .label {
411
- font-family: var(--font-family-main);
414
+ font-family: var(--global-typography-font-family);
415
+ font-weight: var(--global-typography-ui-label-active-font-weight);
412
416
  font-size: var(--global-typography-ui-label-active-font-size);
413
417
  line-height: var(--global-typography-ui-label-active-line-height);
414
418
  font-feature-settings:
@@ -419,7 +423,8 @@ const componentStyle = css`
419
423
  }
420
424
 
421
425
  .wrapper.selected.type-normal.inline-label .label {
422
- font-family: var(--font-family-main);
426
+ font-family: var(--global-typography-font-family);
427
+ font-weight: var(--global-typography-ui-body-active-font-weight);
423
428
  font-size: var(--global-typography-ui-body-active-font-size);
424
429
  line-height: var(--global-typography-ui-body-active-line-height);
425
430
  font-feature-settings:
@@ -441,7 +446,8 @@ const componentStyle = css`
441
446
 
442
447
  .wrapper.selected.icon-text-under .label {
443
448
  color: var(--element-active-color);
444
- font-family: var(--font-family-main);
449
+ font-family: var(--global-typography-font-family);
450
+ font-weight: var(--global-typography-ui-label-active-font-weight);
445
451
  font-size: var(--global-typography-ui-label-active-font-size);
446
452
  line-height: var(--global-typography-ui-label-active-line-height);
447
453
  font-feature-settings:
@@ -474,7 +480,8 @@ const componentStyle = css`
474
480
  .wrapper.icon-text-under .label {
475
481
  color: var(--element-active-color, #1a1a1a);
476
482
  text-align: center;
477
- font-family: var(--font-family-main);
483
+ font-family: var(--global-typography-font-family);
484
+ font-weight: var(--global-typography-ui-label-font-weight);
478
485
  font-size: var(--global-typography-ui-label-font-size);
479
486
  line-height: var(--global-typography-ui-label-line-height);
480
487
  font-feature-settings: