@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
@@ -38,7 +38,8 @@ const componentStyle = css`
38
38
  }
39
39
 
40
40
  .parameter-name {
41
- font-family: var(--font-family-main);
41
+ font-family: var(--global-typography-font-family);
42
+ font-weight: var(--global-typography-ui-overline-font-weight);
42
43
  font-size: var(--global-typography-ui-overline-font-size);
43
44
  line-height: var(--global-typography-ui-overline-line-height);
44
45
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -1 +1 @@
1
- {"version":3,"file":"keyboard-numeric.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"keyboard-numeric.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -17,7 +17,8 @@ const compentStyle = css`
17
17
  display: flex;
18
18
  align-items: center;
19
19
  justify-content: center;
20
- font-family: var(--font-family-main);
20
+ font-family: var(--global-typography-font-family);
21
+ font-weight: var(--global-typography-ui-button-font-weight);
21
22
  font-size: var(--global-typography-ui-button-font-size);
22
23
  line-height: var(--global-typography-ui-button-line-height);
23
24
  font-feature-settings:
@@ -160,7 +161,8 @@ const compentStyle = css`
160
161
  display: flex;
161
162
  justify-content: center;
162
163
  align-items: center;
163
- font-family: var(--font-family-main);
164
+ font-family: var(--global-typography-font-family);
165
+ font-weight: var(--global-typography-ui-button-font-weight);
164
166
  font-size: var(--global-typography-ui-button-font-size);
165
167
  line-height: var(--global-typography-ui-button-line-height);
166
168
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"menu-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"menu-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -114,7 +114,8 @@ const compentStyle = css`
114
114
 
115
115
  .wrapper .title-container {
116
116
  grid-area: title;
117
- font-family: var(--font-family-main);
117
+ font-family: var(--global-typography-font-family);
118
+ font-weight: var(--global-typography-ui-body-active-font-weight);
118
119
  font-size: var(--global-typography-ui-body-active-font-size);
119
120
  line-height: var(--global-typography-ui-body-active-line-height);
120
121
  font-feature-settings:
@@ -127,7 +128,8 @@ const compentStyle = css`
127
128
 
128
129
  .wrapper .description-container {
129
130
  grid-area: description;
130
- font-family: var(--font-family-main);
131
+ font-family: var(--global-typography-font-family);
132
+ font-weight: var(--global-typography-ui-body-font-weight);
131
133
  font-size: var(--global-typography-ui-body-font-size);
132
134
  line-height: var(--global-typography-ui-body-line-height);
133
135
  font-feature-settings:
@@ -152,7 +154,8 @@ const compentStyle = css`
152
154
 
153
155
  .wrapper .date-container {
154
156
  grid-area: date;
155
- font-family: var(--font-family-main);
157
+ font-family: var(--global-typography-font-family);
158
+ font-weight: var(--global-typography-ui-label-font-weight);
156
159
  font-size: var(--global-typography-ui-label-font-size);
157
160
  line-height: var(--global-typography-ui-label-line-height);
158
161
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"message-menu-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"message-menu-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -53,7 +53,8 @@ const componentStyle = css`
53
53
  }
54
54
 
55
55
  .label-container {
56
- font-family: var(--font-family-main);
56
+ font-family: var(--global-typography-font-family);
57
+ font-weight: var(--global-typography-ui-overline-font-weight);
57
58
  font-size: var(--global-typography-ui-overline-font-size);
58
59
  line-height: var(--global-typography-ui-overline-line-height);
59
60
  letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -1 +1 @@
1
- {"version":3,"file":"modal-window.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"modal-window.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -113,7 +113,9 @@ const compentStyle = css`
113
113
 
114
114
  .wrapper {
115
115
 
116
- font-family: var(--font-family-main);
116
+ font-family: var(--global-typography-font-family);
117
+
118
+ font-weight: var(--global-typography-ui-body-font-weight);
117
119
 
118
120
  font-size: var(--global-typography-ui-body-font-size);
119
121
 
@@ -220,7 +222,8 @@ const compentStyle = css`
220
222
  }
221
223
 
222
224
  .wrapper.compact .label {
223
- font-family: var(--font-family-main);
225
+ font-family: var(--global-typography-font-family);
226
+ font-weight: var(--global-typography-ui-label-font-weight);
224
227
  font-size: var(--global-typography-ui-label-font-size);
225
228
  line-height: var(--global-typography-ui-label-line-height);
226
229
  font-feature-settings:
@@ -232,7 +235,8 @@ const compentStyle = css`
232
235
  }
233
236
 
234
237
  .checked :is(.wrapper.compact .label) {
235
- font-family: var(--font-family-main);
238
+ font-family: var(--global-typography-font-family);
239
+ font-weight: var(--global-typography-ui-label-active-font-weight);
236
240
  font-size: var(--global-typography-ui-label-active-font-size);
237
241
  line-height: var(--global-typography-ui-label-active-line-height);
238
242
  font-feature-settings:
@@ -310,7 +314,8 @@ const compentStyle = css`
310
314
  }
311
315
 
312
316
  .wrapper.checked {
313
- font-family: var(--font-family-main);
317
+ font-family: var(--global-typography-font-family);
318
+ font-weight: var(--global-typography-ui-body-active-font-weight);
314
319
  font-size: var(--global-typography-ui-body-active-font-size);
315
320
  line-height: var(--global-typography-ui-body-active-line-height);
316
321
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"navigation-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -95,7 +95,8 @@ const componentStyle = css`
95
95
  }
96
96
 
97
97
  .wrapper {
98
- font-family: var(--font-family-main);
98
+ font-family: var(--global-typography-font-family);
99
+ font-weight: var(--global-typography-ui-button-font-weight);
99
100
  font-size: var(--global-typography-ui-button-font-size);
100
101
  line-height: var(--global-typography-ui-button-line-height);
101
102
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"notification-badge-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"notification-badge-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -301,7 +301,8 @@ obi-notification-filled {
301
301
  }
302
302
 
303
303
  .count-label {
304
- font-family: var(--font-family-main);
304
+ font-family: var(--global-typography-font-family);
305
+ font-weight: var(--global-typography-ui-button-font-weight);
305
306
  font-size: var(--global-typography-ui-button-font-size);
306
307
  line-height: var(--global-typography-ui-button-line-height);
307
308
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"notification-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"notification-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -158,7 +158,8 @@ const componentStyle = css`
158
158
  }
159
159
 
160
160
  .label-text {
161
- font-family: var(--font-family-main);
161
+ font-family: var(--global-typography-font-family);
162
+ font-weight: var(--global-typography-ui-label-font-weight);
162
163
  font-size: var(--global-typography-ui-label-font-size);
163
164
  line-height: var(--global-typography-ui-label-line-height);
164
165
  font-feature-settings:
@@ -314,7 +315,8 @@ const componentStyle = css`
314
315
 
315
316
  .helper-text,
316
317
  .error-text {
317
- font-family: var(--font-family-main);
318
+ font-family: var(--global-typography-font-family);
319
+ font-weight: var(--global-typography-ui-label-font-weight);
318
320
  font-size: var(--global-typography-ui-label-font-size);
319
321
  line-height: var(--global-typography-ui-label-line-height);
320
322
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"number-input-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"number-input-field.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -157,7 +157,8 @@ const compentStyle = css`
157
157
  }
158
158
 
159
159
  .wrapper.selected .label {
160
- font-family: var(--font-family-main);
160
+ font-family: var(--global-typography-font-family);
161
+ font-weight: var(--global-typography-ui-body-active-font-weight);
161
162
  font-size: var(--global-typography-ui-body-active-font-size);
162
163
  line-height: var(--global-typography-ui-body-active-line-height);
163
164
  font-feature-settings:
@@ -171,7 +172,8 @@ const compentStyle = css`
171
172
  }
172
173
 
173
174
  .wrapper .label {
174
- font-family: var(--font-family-main);
175
+ font-family: var(--global-typography-font-family);
176
+ font-weight: var(--global-typography-ui-body-font-weight);
175
177
  font-size: var(--global-typography-ui-body-font-size);
176
178
  line-height: var(--global-typography-ui-body-line-height);
177
179
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"pivot-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"pivot-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -139,7 +139,8 @@ const componentStyle = css`
139
139
  }
140
140
 
141
141
  .description-text {
142
- font-family: var(--font-family-main);
142
+ font-family: var(--global-typography-font-family);
143
+ font-weight: var(--global-typography-ui-label-font-weight);
143
144
  font-size: var(--global-typography-ui-label-font-size);
144
145
  line-height: var(--global-typography-ui-label-line-height);
145
146
  font-feature-settings:
@@ -183,7 +184,8 @@ obc-circular-progress {
183
184
  }
184
185
 
185
186
  .circular-value {
186
- font-family: var(--font-family-main);
187
+ font-family: var(--global-typography-font-family);
188
+ font-weight: var(--global-typography-ui-button-font-weight);
187
189
  font-size: var(--global-typography-ui-button-font-size);
188
190
  line-height: var(--global-typography-ui-button-line-height);
189
191
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"progress-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"progress-bar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -281,7 +281,8 @@ const componentStyle = css`
281
281
  }
282
282
 
283
283
  .button-text {
284
- font-family: var(--font-family-main);
284
+ font-family: var(--global-typography-font-family);
285
+ font-weight: var(--global-typography-ui-button-font-weight);
285
286
  font-size: var(--global-typography-ui-button-font-size);
286
287
  line-height: var(--global-typography-ui-button-line-height);
287
288
  font-feature-settings:
@@ -533,7 +534,8 @@ obc-circular-progress {
533
534
  }
534
535
 
535
536
  .circular-label {
536
- font-family: var(--font-family-main);
537
+ font-family: var(--global-typography-font-family);
538
+ font-weight: var(--global-typography-ui-label-font-weight);
537
539
  font-size: var(--global-typography-ui-label-font-size);
538
540
  line-height: var(--global-typography-ui-label-line-height);
539
541
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"progress-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"progress-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -231,7 +231,8 @@ label.obc-radio-button.disabled {
231
231
  color: var(--on-flat-disabled-color) !important;
232
232
  }
233
233
  label.obc-radio-button {
234
- font-family: var(--font-family-main);
234
+ font-family: var(--global-typography-font-family);
235
+ font-weight: var(--global-typography-ui-body-font-weight);
235
236
  font-size: var(--global-typography-ui-body-font-size);
236
237
  line-height: var(--global-typography-ui-body-line-height);
237
238
  font-feature-settings:
@@ -262,7 +263,8 @@ label.obc-radio-button.disabled .label,label.obc-radio-button.disabled:hover .la
262
263
  color: var(--element-disabled-color);
263
264
  }
264
265
  label.obc-radio-button:has(input:checked) {
265
- 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);
266
268
  font-size: var(--global-typography-ui-body-active-font-size);
267
269
  line-height: var(--global-typography-ui-body-active-line-height);
268
270
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"radio.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"radio.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -130,7 +130,8 @@ const compentStyle = css`
130
130
  }
131
131
 
132
132
  .label {
133
- font-family: var(--font-family-main);
133
+ font-family: var(--global-typography-font-family);
134
+ font-weight: var(--global-typography-ui-button-font-weight);
134
135
  font-size: var(--global-typography-ui-button-font-size);
135
136
  line-height: var(--global-typography-ui-button-line-height);
136
137
  font-feature-settings:
@@ -142,7 +143,8 @@ const compentStyle = css`
142
143
  }
143
144
 
144
145
  .description {
145
- font-family: var(--font-family-main);
146
+ font-family: var(--global-typography-font-family);
147
+ font-weight: var(--global-typography-ui-label-font-weight);
146
148
  font-size: var(--global-typography-ui-label-font-size);
147
149
  line-height: var(--global-typography-ui-label-line-height);
148
150
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"rich-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"rich-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -55,7 +55,7 @@ const style = css`
55
55
 
56
56
  :is(.sequence-item__wrapper.orientation-vertical.label-multi-line.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-small.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-regular.sequence-item__wrapper--has-description) .title-row,:is(.sequence-item__wrapper.orientation-vertical.label-multi-line.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-small.sequence-item__wrapper--has-description,.sequence-item__wrapper.orientation-vertical.label-regular.sequence-item__wrapper--has-description) .meta-row {
57
57
  padding: var(
58
- --global-size-spacing-list-item-menu-padding-horizonal-list-item
58
+ --global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
59
59
  )
60
60
  0;
61
61
  }
@@ -128,7 +128,9 @@ const style = css`
128
128
 
129
129
  .sequence-item__wrapper .title-row {
130
130
  display: flex;
131
- gap: var(--global-size-spacing-list-item-menu-padding-horizonal-list-item);
131
+ gap: var(
132
+ --global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
133
+ );
132
134
  justify-content: space-between;
133
135
  align-items: flex-start;
134
136
  }
@@ -141,7 +143,8 @@ const style = css`
141
143
  /* === Typography === */
142
144
 
143
145
  .sequence-item__wrapper .title,.sequence-item__wrapper .subtitle {
144
- font-family: var(--font-family-main);
146
+ font-family: var(--global-typography-font-family);
147
+ font-weight: var(--global-typography-ui-body-font-weight);
145
148
  font-size: var(--global-typography-ui-body-font-size);
146
149
  line-height: var(--global-typography-ui-body-line-height);
147
150
  font-feature-settings:
@@ -159,7 +162,8 @@ const style = css`
159
162
  }
160
163
 
161
164
  .sequence-item__wrapper .subtitle {
162
- font-family: var(--font-family-main);
165
+ font-family: var(--global-typography-font-family);
166
+ font-weight: var(--global-typography-ui-body-font-weight);
163
167
  font-size: var(--global-typography-ui-body-font-size);
164
168
  line-height: var(--global-typography-ui-body-line-height);
165
169
  font-feature-settings:
@@ -201,7 +205,7 @@ const style = css`
201
205
  "ss04" on;
202
206
  display: flex;
203
207
  flex-direction: column;
204
- gap: var(--alert-components-badge-label-spacing);
208
+ gap: var(--ui-components-badge-label-spacing);
205
209
  }
206
210
 
207
211
  /* === Label Variants === */
@@ -253,7 +257,8 @@ const style = css`
253
257
  }
254
258
 
255
259
  .sequence-item__wrapper.label-small .meta-row {
256
- font-family: var(--font-family-main);
260
+ font-family: var(--global-typography-font-family);
261
+ font-weight: var(--global-typography-ui-label-font-weight);
257
262
  font-size: var(--global-typography-ui-label-font-size);
258
263
  line-height: var(--global-typography-ui-label-line-height);
259
264
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"sequence-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sequence-item.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -106,8 +106,8 @@ const componentStyle = css`
106
106
  background: conic-gradient(
107
107
  from 0deg,
108
108
  var(--element-neutral-enhanced-color) 0deg,
109
- var(--element-neutral-enhanced-color) var(--spinner-progress-deg),
110
- transparent var(--spinner-progress-deg),
109
+ var(--element-neutral-enhanced-color) var(--spinner-progress-deg, 0deg),
110
+ transparent var(--spinner-progress-deg, 0deg),
111
111
  transparent 360deg
112
112
  );
113
113
  }
@@ -122,7 +122,7 @@ const componentStyle = css`
122
122
  }
123
123
 
124
124
  :is(.sequence-loading-spinner.progression-determinate .spinner) .cap-end {
125
- transform: translate(-50%, -50%) rotate(var(--spinner-progress-deg))
125
+ transform: translate(-50%, -50%) rotate(var(--spinner-progress-deg, 0deg))
126
126
  translateY(calc(-1 * var(--spinner-radius)));
127
127
  }
128
128
 
@@ -369,7 +369,8 @@ button {
369
369
  }
370
370
 
371
371
  :is(:is(.wrapper.type-large .visible-wrapper) .node) .content {
372
- font-family: var(--font-family-main);
372
+ font-family: var(--global-typography-font-family);
373
+ font-weight: var(--global-typography-ui-body-font-weight);
373
374
  font-size: var(--global-typography-ui-body-font-size);
374
375
  line-height: var(--global-typography-ui-body-line-height);
375
376
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"sequence-step.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sequence-step.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -218,7 +218,8 @@ const componentStyle = css`
218
218
  }
219
219
 
220
220
  .button-label {
221
- font-family: var(--font-family-main);
221
+ font-family: var(--global-typography-font-family);
222
+ font-weight: var(--global-typography-ui-button-font-weight);
222
223
  font-size: var(--global-typography-ui-button-font-size);
223
224
  line-height: var(--global-typography-ui-button-line-height);
224
225
  font-feature-settings:
@@ -1 +1 @@
1
- {"version":3,"file":"slide-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"slide-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}