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

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

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

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

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

package/dist/components/radio/radio.css.js

@@ -231,7 +231,8 @@ label.obc-radio-button.disabled {
             color: var(--on-flat-disabled-color) !important;
 }
 label.obc-radio-button {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-font-weight);
     font-size: var(--global-typography-ui-body-font-size);
     line-height: var(--global-typography-ui-body-line-height);
     font-feature-settings:
@@ -262,7 +263,8 @@ label.obc-radio-button.disabled .label,label.obc-radio-button.disabled:hover .la
       color: var(--element-disabled-color);
     }
 label.obc-radio-button:has(input:checked) {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-active-font-weight);
       font-size: var(--global-typography-ui-body-active-font-size);
       line-height: var(--global-typography-ui-body-active-line-height);
       font-feature-settings:

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

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

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

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

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

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

package/dist/components/sequence-item/sequence-item.css.js

@@ -55,7 +55,7 @@ const style = css`
 
 :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 {
         padding: var(
-            --global-size-spacing-list-item-menu-padding-horizonal-list-item
+            --global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
           )
           0;
       }
@@ -128,7 +128,9 @@ const style = css`
 
 .sequence-item__wrapper .title-row {
     display: flex;
-    gap: var(--global-size-spacing-list-item-menu-padding-horizonal-list-item);
+    gap: var(
+      --global-size-spacing-nav-item-and-menus-padding-horizonal-list-item
+    );
     justify-content: space-between;
     align-items: flex-start;
   }
@@ -141,7 +143,8 @@ const style = css`
 /* === Typography === */
 
 .sequence-item__wrapper .title,.sequence-item__wrapper .subtitle {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-font-weight);
     font-size: var(--global-typography-ui-body-font-size);
     line-height: var(--global-typography-ui-body-line-height);
     font-feature-settings:
@@ -159,7 +162,8 @@ const style = css`
   }
 
 .sequence-item__wrapper .subtitle {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-font-weight);
     font-size: var(--global-typography-ui-body-font-size);
     line-height: var(--global-typography-ui-body-line-height);
     font-feature-settings:
@@ -201,7 +205,7 @@ const style = css`
     "ss04" on;
     display: flex;
     flex-direction: column;
-    gap: var(--alert-components-badge-label-spacing);
+    gap: var(--ui-components-badge-label-spacing);
   }
 
 /* === Label Variants === */
@@ -253,7 +257,8 @@ const style = css`
     }
 
 .sequence-item__wrapper.label-small .meta-row {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-label-font-weight);
       font-size: var(--global-typography-ui-label-font-size);
       line-height: var(--global-typography-ui-label-line-height);
       font-feature-settings:

package/dist/components/sequence-item/sequence-item.css.js.map

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

package/dist/components/sequence-loading-spinner/sequence-loading-spinner.css.js

@@ -106,8 +106,8 @@ const componentStyle = css`
       background: conic-gradient(
         from 0deg,
         var(--element-neutral-enhanced-color) 0deg,
-        var(--element-neutral-enhanced-color) var(--spinner-progress-deg),
-        transparent var(--spinner-progress-deg),
+        var(--element-neutral-enhanced-color) var(--spinner-progress-deg, 0deg),
+        transparent var(--spinner-progress-deg, 0deg),
         transparent 360deg
       );
     }
@@ -122,7 +122,7 @@ const componentStyle = css`
     }
 
 :is(.sequence-loading-spinner.progression-determinate .spinner) .cap-end {
-      transform: translate(-50%, -50%) rotate(var(--spinner-progress-deg))
+      transform: translate(-50%, -50%) rotate(var(--spinner-progress-deg, 0deg))
         translateY(calc(-1 * var(--spinner-radius)));
     }
 

package/dist/components/sequence-step/sequence-step.css.js

@@ -369,7 +369,8 @@ button {
       }
 
 :is(:is(.wrapper.type-large .visible-wrapper) .node) .content {
-        font-family: var(--font-family-main);
+        font-family: var(--global-typography-font-family);
+        font-weight: var(--global-typography-ui-body-font-weight);
         font-size: var(--global-typography-ui-body-font-size);
         line-height: var(--global-typography-ui-body-line-height);
         font-feature-settings:

package/dist/components/sequence-step/sequence-step.css.js.map

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

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

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

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

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

package/dist/components/slider-double/slider-double.css.js

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

package/dist/components/slider-double/slider-double.css.js.map

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

package/dist/components/start-stop-switch/start-stop-switch.css.js

@@ -133,7 +133,8 @@ const componentStyle = css`
 
 .checked.state {
   left: 0;
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:
@@ -155,7 +156,8 @@ const componentStyle = css`
 
 .unchecked.state {
   right: 0;
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -285,7 +287,8 @@ const componentStyle = css`
   align-items: center;
   padding: 0px var(--ui-components-start-stop-switch-padding-horizontal);
   border-radius: var(--ui-components-state-toggle-border-radius);
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-button-font-weight);
   font-size: var(--global-typography-ui-button-font-size);
   line-height: var(--global-typography-ui-button-line-height);
   font-feature-settings:
@@ -363,7 +366,8 @@ const componentStyle = css`
   align-items: center;
   left: auto;
   right: auto;
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -399,7 +403,8 @@ const componentStyle = css`
 }
 
 .wrapper.disabled.checked.variant-normal .state.checked {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:
@@ -417,7 +422,8 @@ const componentStyle = css`
 }
 
 .wrapper.disabled.checked.variant-running .state.checked {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:
@@ -435,7 +441,8 @@ const componentStyle = css`
 }
 
 .wrapper.disabled.checked.variant-loading .state.checked {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-active-font-weight);
   font-size: var(--global-typography-ui-body-active-font-size);
   line-height: var(--global-typography-ui-body-active-line-height);
   font-feature-settings:
@@ -463,7 +470,8 @@ const componentStyle = css`
 /* Description */
 
 .description {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-label-font-weight);
   font-size: var(--global-typography-ui-label-font-size);
   line-height: var(--global-typography-ui-label-line-height);
   font-feature-settings:

package/dist/components/start-stop-switch/start-stop-switch.css.js.map

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

package/dist/components/status-indicator/status-indicator.css.js

@@ -66,7 +66,8 @@ const compentStyle = css`
   }
 
 .label {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-button-font-weight);
   font-size: var(--global-typography-ui-button-font-size);
   line-height: var(--global-typography-ui-button-line-height);
   font-feature-settings:
@@ -77,7 +78,8 @@ const compentStyle = css`
 }
 
 .state-inactive .label {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:

package/dist/components/status-indicator/status-indicator.css.js.map

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

package/dist/components/stepper-box/stepper-box.css.js

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

package/dist/components/stepper-box/stepper-box.css.js.map

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

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

@@ -104,7 +104,8 @@ const compentStyle = css`
     align-items: center;
     width: 100%;
     color: var(--element-neutral-color);
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-overline-font-weight);
     font-size: var(--global-typography-ui-overline-font-size);
     line-height: var(--global-typography-ui-overline-line-height);
     letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -142,7 +143,8 @@ const compentStyle = css`
 
 .settings:is(.wrapper .title-container) {
       justify-content: flex-start;
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-font-weight);
       font-size: var(--global-typography-ui-body-font-size);
       line-height: var(--global-typography-ui-body-line-height);
       font-feature-settings:
@@ -210,7 +212,8 @@ const compentStyle = css`
 
 :is(.wrapper .content-container) .content-item-value {
       padding: 0 var(--app-components-system-menu-spacing-large);
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-active-font-weight);
       font-size: var(--global-typography-ui-body-active-font-size);
       line-height: var(--global-typography-ui-body-active-line-height);
       font-feature-settings:
@@ -226,7 +229,8 @@ const compentStyle = css`
 
 .disabled:is(:is(.wrapper .content-container) .content-item-value) {
         color: var(--element-neutral-color);
-        font-family: var(--font-family-main);
+        font-family: var(--global-typography-font-family);
+        font-weight: var(--global-typography-ui-body-font-weight);
         font-size: var(--global-typography-ui-body-font-size);
         line-height: var(--global-typography-ui-body-line-height);
         font-feature-settings:
@@ -259,7 +263,8 @@ const compentStyle = css`
       }
 
 :is(:is(.wrapper .content-container) .battery) .percentage {
-        font-family: var(--font-family-main);
+        font-family: var(--global-typography-font-family);
+        font-weight: var(--global-typography-ui-body-active-font-weight);
         font-size: var(--global-typography-ui-body-active-font-size);
         line-height: var(--global-typography-ui-body-active-line-height);
         font-feature-settings:
@@ -269,7 +274,8 @@ const compentStyle = css`
       }
 
 :is(:is(.wrapper .content-container) .battery) .status {
-        font-family: var(--font-family-main);
+        font-family: var(--global-typography-font-family);
+        font-weight: var(--global-typography-ui-body-font-weight);
         font-size: var(--global-typography-ui-body-font-size);
         line-height: var(--global-typography-ui-body-line-height);
         font-feature-settings:
@@ -305,7 +311,8 @@ const compentStyle = css`
       justify-content: space-between;
       min-height: var(--app-components-system-menu-touch-target-size);
       padding: 0 var(--app-components-system-menu-padding-horizontal);
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-overline-font-weight);
       font-size: var(--global-typography-ui-overline-font-size);
       line-height: var(--global-typography-ui-overline-line-height);
       letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -345,7 +352,8 @@ const compentStyle = css`
       }
 
 .wrapper.small-screen .small-screen-volume-label {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-button-font-weight);
       font-size: var(--global-typography-ui-button-font-size);
       line-height: var(--global-typography-ui-button-line-height);
       font-feature-settings:
@@ -362,7 +370,8 @@ const compentStyle = css`
       display: flex;
       align-items: center;
       gap: var(--app-components-system-menu-spacing);
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-active-font-weight);
       font-size: var(--global-typography-ui-body-active-font-size);
       line-height: var(--global-typography-ui-body-active-line-height);
       font-feature-settings:
@@ -379,7 +388,8 @@ const compentStyle = css`
       }
 
 .wrapper.small-screen .small-screen-battery-level {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-active-font-weight);
       font-size: var(--global-typography-ui-body-active-font-size);
       line-height: var(--global-typography-ui-body-active-line-height);
       font-feature-settings:
@@ -573,7 +583,8 @@ const compentStyle = css`
   }
 
 .sub-container.sub-container-title .title2 {
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-overline-font-weight);
       font-size: var(--global-typography-ui-overline-font-size);
       line-height: var(--global-typography-ui-overline-line-height);
       letter-spacing: var(--global-typography-ui-overline-letter-spacing);
@@ -626,7 +637,8 @@ const compentStyle = css`
 
 .wifi-container:is(.sub-container .row) .wifi-name {
         grid-area: name;
-        font-family: var(--font-family-main);
+        font-family: var(--global-typography-font-family);
+        font-weight: var(--global-typography-ui-body-active-font-weight);
         font-size: var(--global-typography-ui-body-active-font-size);
         line-height: var(--global-typography-ui-body-active-line-height);
         font-feature-settings:
@@ -637,7 +649,8 @@ const compentStyle = css`
 
 .wifi-container:is(.sub-container .row) .wifi-status {
         grid-area: status;
-        font-family: var(--font-family-main);
+        font-family: var(--global-typography-font-family);
+        font-weight: var(--global-typography-ui-label-font-weight);
         font-size: var(--global-typography-ui-label-font-size);
         line-height: var(--global-typography-ui-label-line-height);
         font-feature-settings:

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

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

package/dist/components/tab-item/tab-item.css.js

@@ -154,7 +154,8 @@ const compentStyle = css`
   }
 
 .wrapper .title,.wrapper .subtitle {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-font-weight);
     font-size: var(--global-typography-ui-body-font-size);
     line-height: var(--global-typography-ui-body-line-height);
     font-feature-settings:
@@ -170,7 +171,8 @@ const compentStyle = css`
   }
 
 .wrapper .subtitle {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-label-font-weight);
     font-size: var(--global-typography-ui-label-font-size);
     line-height: var(--global-typography-ui-label-line-height);
     font-feature-settings:
@@ -181,7 +183,7 @@ const compentStyle = css`
 
 .wrapper .divider {
     width: 1px;
-    height: var(--menu-navigation-components-tab-item-divider-height);
+    height: var(--menu-navigation-components-tab-action-button-divider-height);
     flex-shrink: 0;
     color: var(--border-divider-color);
     fill: var(--border-divider-color);
@@ -194,7 +196,7 @@ const compentStyle = css`
     position: absolute;
     left: 0;
     width: 1px;
-    height: var(--menu-navigation-components-tab-item-divider-height);
+    height: var(--menu-navigation-components-tab-action-button-divider-height);
     background: var(--border-divider-color);
   }
 
@@ -219,7 +221,8 @@ const compentStyle = css`
   }
 
 :is(:host([checked]) .wrapper) .title {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-active-font-weight);
     font-size: var(--global-typography-ui-body-active-font-size);
     line-height: var(--global-typography-ui-body-active-line-height);
     font-feature-settings:

package/dist/components/tab-item/tab-item.css.js.map

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

package/dist/components/tabbed-card/tabbed-card.css.js

@@ -100,7 +100,8 @@ const compentStyle = css`
 }
 
 .tab-button {
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-body-font-weight);
   font-size: var(--global-typography-ui-body-font-size);
   line-height: var(--global-typography-ui-body-line-height);
   font-feature-settings:
@@ -142,7 +143,8 @@ const compentStyle = css`
   }
 
 .tab-button[aria-selected="true"] {
-    font-family: var(--font-family-main);
+    font-family: var(--global-typography-font-family);
+    font-weight: var(--global-typography-ui-body-active-font-weight);
     font-size: var(--global-typography-ui-body-active-font-size);
     line-height: var(--global-typography-ui-body-active-line-height);
     font-feature-settings:

package/dist/components/tabbed-card/tabbed-card.css.js.map

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

package/dist/components/table/table.css.js

@@ -16,7 +16,7 @@ const compentStyle = css`
 .grid-container {
   display: grid;
   height: 100%;
-  grid-template-columns: repeat(var(--grid-columns), auto);
+  grid-template-columns: repeat(var(--grid-columns, 1), auto);
   align-content: start;
   grid-template-rows: min-content min-content 1fr;
 }
@@ -27,7 +27,7 @@ const compentStyle = css`
         --selection-column-width,
         var(--menu-navigation-components-table-item-touch-target-size)
       )
-      repeat(var(--grid-columns-rest), minmax(0, 1fr));
+      repeat(var(--grid-columns-rest, 1), minmax(0, 1fr));
   }
 
 .grid-container .grid-header {
@@ -346,7 +346,8 @@ const compentStyle = css`
       min-height: 100%;
       min-width: var(--menu-navigation-components-table-item-touch-target-size);
       gap: var(--menu-navigation-components-table-item-label-spacing);
-      font-family: var(--font-family-main);
+      font-family: var(--global-typography-font-family);
+      font-weight: var(--global-typography-ui-body-font-weight);
       font-size: var(--global-typography-ui-body-font-size);
       line-height: var(--global-typography-ui-body-line-height);
       font-feature-settings:
@@ -435,7 +436,8 @@ const compentStyle = css`
       }
 
 :is(:is(.grid-container .grid-row) .grid-cell) .title {
-        font-family: var(--font-family-main);
+        font-family: var(--global-typography-font-family);
+        font-weight: var(--global-typography-ui-body-active-font-weight);
         font-size: var(--global-typography-ui-body-active-font-size);
         line-height: var(--global-typography-ui-body-active-line-height);
         font-feature-settings:
@@ -482,7 +484,8 @@ const compentStyle = css`
       }
 
 .tags:is(:is(.grid-container .grid-row) .grid-cell) .tag-overflow {
-          font-family: var(--font-family-main);
+          font-family: var(--global-typography-font-family);
+          font-weight: var(--global-typography-ui-label-font-weight);
           font-size: var(--global-typography-ui-label-font-size);
           line-height: var(--global-typography-ui-label-line-height);
           font-feature-settings:

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

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

package/dist/components/table-header-item/table-header-item.css.js

@@ -24,7 +24,8 @@ const compentStyle = css`
   appearance: none;
   border: none;
   background: transparent;
-  font-family: var(--font-family-main);
+  font-family: var(--global-typography-font-family);
+  font-weight: var(--global-typography-ui-overline-font-weight);
   font-size: var(--global-typography-ui-overline-font-size);
   line-height: var(--global-typography-ui-overline-line-height);
   letter-spacing: var(--global-typography-ui-overline-letter-spacing);

package/dist/components/table-header-item/table-header-item.css.js.map

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