@salt-ds/core 1.71.0 → 1.73.0

package/css/salt-core.css

@@ -33,7 +33,8 @@
   line-height: var(--salt-text-lineHeight);
   font-family: var(--salt-text-fontFamily);
   color: var(--salt-content-primary-foreground);
-  font-weight: var(--salt-text-fontWeight-strong);
+  font-weight: var(--salt-text-fontWeight-bolder);
+  letter-spacing: var(--salt-text-letterSpacing);
   text-align: left;
   cursor: var(--salt-cursor-hover);
   box-sizing: border-box;
@@ -75,7 +76,8 @@
 }
 .saltAccordionHeader:disabled {
   background: transparent;
-  color: var(--salt-content-primary-foreground-disabled);
+  opacity: 0.4;
+  color: var(--salt-content-primary-foreground);
   cursor: var(--salt-cursor-disabled);
 }
 
@@ -145,8 +147,9 @@
   background: var(--saltAvatar-background, var(--avatar-background));
   font-size: var(--avatar-fontSize);
   line-height: var(--saltAvatar-lineHeight, var(--salt-text-notation-lineHeight));
-  font-family: var(--salt-text-notation-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-weight: var(--salt-text-notation-fontWeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   width: var(--avatar-container-size);
   min-width: var(--avatar-container-size);
   height: var(--avatar-container-size);
@@ -297,6 +300,7 @@ a.saltAvatar::after {
   font-weight: var(--salt-text-notation-fontWeight);
   font-family: var(--salt-text-fontFamily);
   line-height: var(--salt-text-notation-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   background: var(--salt-sentiment-accent-background);
   color: var(--salt-content-bold-foreground);
   -webkit-font-smoothing: antialiased;
@@ -335,6 +339,7 @@ a.saltAvatar::after {
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   color: var(--salt-content-primary-foreground);
 }
 .saltBanner-icon.saltIcon {
@@ -409,7 +414,7 @@ a.saltAvatar::after {
   align-items: center;
   color: var(--salt-content-primary-foreground);
   display: inline-flex;
-  font-family: var(--salt-text-label-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-label-fontSize);
   font-weight: var(--salt-text-fontWeight);
   gap: var(--salt-spacing-50);
@@ -533,8 +538,9 @@ a.saltAvatar::after {
 }
 .saltBreadcrumbs-disclosureItem[aria-disabled=true],
 .saltBreadcrumbs-disclosureItem[aria-disabled=true]:active {
-  background: var(--salt-selectable-background-disabled);
-  color: var(--salt-content-primary-foreground-disabled);
+  opacity: 0.4;
+  background: var(--salt-selectable-background);
+  color: var(--salt-content-primary-foreground);
   cursor: var(--salt-cursor-disabled);
   box-shadow: none;
 }
@@ -840,12 +846,17 @@ a.saltAvatar::after {
   --button-borderColor-active: var(--salt-actionable-caution-borderColor);
   cursor: var(--salt-cursor-pending);
 }
-.saltButton strong {
-  font-weight: var(--salt-text-action-fontWeight-strong);
+.saltButton {
+  --text-fontWeight-bolder: var(--salt-text-action-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-action-fontWeight-lighter);
+}
+.saltButton strong,
+.saltButton b {
+  font-weight: var(--salt-text-action-fontWeight-bolder);
 }
 .saltButton small {
   font-size: inherit;
-  font-weight: var(--salt-text-action-fontWeight-small);
+  font-weight: var(--salt-text-action-fontWeight-lighter);
 }
 .saltButton-spinner {
   position: absolute;
@@ -993,6 +1004,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
   padding: var(--saltCardContent-padding, var(--salt-spacing-200));
   box-sizing: border-box;
 }
+.saltCardContent.saltCollapsiblePanel[aria-hidden=true] {
+  padding-top: 0;
+  padding-bottom: 0;
+}
 .saltCard-sectioned > .saltCardHeader + .saltCardContent,
 .saltCard-sectioned > .saltCardContent + .saltCardContent,
 .saltLinkCard-sectioned > .saltCardHeader + .saltCardContent,
@@ -1090,6 +1105,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   line-height: var(--salt-text-lineHeight);
   font-family: var(--salt-text-fontFamily);
   font-weight: var(--salt-text-fontWeight);
+  letter-spacing: var(--salt-text-letterSpacing);
 }
 .saltCheckbox-disabled {
   color: var(--salt-content-primary-foreground);
@@ -1193,6 +1209,19 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border-color: var(--salt-selectable-borderColor);
   color: var(--salt-selectable-foreground);
 }
+.saltCheckbox-disabled:hover .saltCheckboxIcon,
+.saltCheckbox-disabled:hover .saltCheckboxIcon-indeterminate {
+  border-color: var(--salt-selectable-borderColor);
+  color: var(--salt-selectable-foreground);
+}
+.saltCheckbox-disabled:hover .saltCheckboxIcon-checked {
+  border-color: var(--salt-selectable-borderColor-selected);
+  color: var(--salt-selectable-foreground-selected);
+}
+.saltCheckbox-disabled:hover .saltCheckboxIcon-checked.saltCheckboxIcon-indeterminate {
+  border-color: var(--salt-selectable-borderColor);
+  color: var(--salt-selectable-foreground);
+}
 .saltCheckboxIcon-disabled,
 .saltCheckbox:hover .saltCheckboxIcon-disabled,
 .saltCheckboxIcon-disabled.saltCheckboxIcon-indeterminate,
@@ -1247,7 +1276,9 @@ a:focus .saltCard-interactable.saltCard-disabled {
   transition:
     grid-template-rows var(--salt-duration-perceptible) ease-in-out,
     opacity var(--salt-duration-perceptible) ease-in-out,
-    visibility var(--salt-duration-perceptible) ease-in-out;
+    visibility var(--salt-duration-perceptible) ease-in-out,
+    padding-top var(--salt-duration-perceptible) ease-in-out,
+    padding-bottom var(--salt-duration-perceptible) ease-in-out;
 }
 .saltCollapsiblePanel[aria-hidden=true] {
   grid-template-rows: 0fr;
@@ -1262,6 +1293,11 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltCollapsiblePanel-inner {
   overflow: hidden;
 }
+@media (prefers-reduced-motion: reduce) {
+  .saltCollapsiblePanel {
+    transition: none;
+  }
+}
 
 /* src/dialog/Dialog.css */
 .saltDialog {
@@ -1819,7 +1855,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltDropdown-placeholder {
   color: var(--salt-content-secondary-foreground);
-  font-weight: var(--salt-text-fontWeight-small);
+  font-weight: var(--salt-text-fontWeight-lighter);
 }
 .saltDropdown-startAdornmentContainer {
   margin-right: var(--salt-spacing-100);
@@ -1845,6 +1881,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-size: var(--saltFileDropZone-fontSize, var(--salt-text-fontSize));
   font-family: var(--saltFileDropZone-fontFamily, var(--salt-text-fontFamily));
   line-height: var(--saltFileDropZone-lineHeight, var(--salt-text-lineHeight));
+  letter-spacing: var(--saltFileDropZone-letterSpacing, var(--salt-text-letterSpacing));
   box-sizing: border-box;
 }
 .saltFileDropZone-active {
@@ -1961,6 +1998,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
 }
 .saltFormField-labelTop {
   gap: var(--salt-spacing-75);
@@ -2030,7 +2068,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   width: 100%;
 }
 .saltFormFieldHelperText .saltText {
-  font-style: var(--saltFormField-helperText-fontStyle, var(--salt-typography-textDecoration-italic));
+  font-style: var(--saltFormField-helperText-fontStyle, var(--salt-typography-fontStyle-italic, italic));
 }
 .saltFormFieldHelperText-withValidation {
   column-gap: var(--salt-spacing-75);
@@ -2041,7 +2079,9 @@ a:focus .saltCard-interactable.saltCard-disabled {
 
 /* src/form-field/FormFieldLabel.css */
 .saltFormFieldLabel.saltText {
-  font-weight: var(--saltFormField-label-fontWeight, var(--salt-text-fontWeight-strong));
+  font-size: var(--formFieldLabel-fontSize);
+  line-height: var(--formFieldLabel-lineHeight);
+  font-weight: var(--saltFormField-label-fontWeight, var(--formFieldLabel-fontWeight));
   width: 100%;
 }
 .saltFormField-labelLeft .saltFormFieldLabel.saltText {
@@ -2051,13 +2091,21 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltFormField-labelTop .saltFormFieldLabel.saltText {
   width: fit-content;
 }
-.saltFormFieldLabel-necessityLabel {
-  font-weight: var(--salt-text-fontWeight);
-  font-style: var(--salt-typography-textDecoration-italic);
+.saltFormFieldLabel-label {
+  --formFieldLabel-fontSize: var(--salt-text-label-fontSize);
+  --formFieldLabel-lineHeight: var(--salt-text-label-lineHeight);
+  --formFieldLabel-fontWeight: var(--salt-text-label-fontWeight-bolder);
+  --formFieldLabel-necessity-fontWeight: var(--salt-text-label-fontWeight);
 }
-.saltFormFieldLabel-sentence.saltText {
-  color: var(--salt-content-primary-foreground);
-  font-size: var(--salt-text-fontSize);
+.saltFormFieldLabel-sentence {
+  --formFieldLabel-fontSize: var(--salt-text-fontSize);
+  --formFieldLabel-lineHeight: var(--salt-text-lineHeight);
+  --formFieldLabel-fontWeight: var(--salt-text-fontWeight-bolder);
+  --formFieldLabel-necessity-fontWeight: var(--salt-text-fontWeight);
+}
+.saltFormFieldLabel-necessityLabel {
+  font-style: var(--salt-typography-fontStyle-italic, italic);
+  font-weight: var(--formFieldLabel-necessity-fontWeight);
 }
 
 /* src/grid-item/GridItem.css */
@@ -2281,7 +2329,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   flex: 1;
   font: inherit;
   height: 100%;
-  letter-spacing: var(--saltInput-letterSpacing, 0);
+  letter-spacing: var(--saltInput-letterSpacing, var(--salt-text-letterSpacing));
   margin: 0;
   min-width: 0;
   overflow: hidden;
@@ -2294,7 +2342,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltInput-input::placeholder {
   color: var(--salt-content-secondary-foreground);
-  font-weight: var(--salt-text-fontWeight-small);
+  font-weight: var(--salt-text-fontWeight-lighter);
 }
 .saltInput-disabled .saltInput-input::selection {
   background: none;
@@ -2391,7 +2439,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   outline-offset: var(--salt-focused-outlineOffset);
 }
 @media (hover: hover) {
-  .saltInteractableCard:not(.saltInteractableCard-disabled):hover {
+  .saltInteractableCard:hover {
     cursor: var(--salt-cursor-hover);
     box-shadow: var(--salt-overlayable-shadow-hover);
     border-color: var(--salt-actionable-accented-borderColor-hover);
@@ -2405,15 +2453,18 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border-color: var(--salt-actionable-accented-borderColor-active);
 }
 .saltInteractableCard-disabled,
-.saltInteractableCard-disabled:focus,
-.saltInteractableCard-disabled:focus-visible,
 .saltInteractableCard-disabled:hover,
 .saltInteractableCard-disabled:active {
+  border-color: var(--saltInteractableCard-borderColor, var(--interactableCard-borderColor));
   box-shadow: none;
   cursor: var(--salt-cursor-disabled);
-  outline: none;
   opacity: 0.4;
 }
+.saltInteractableCard-disabled.saltInteractableCard-selected,
+.saltInteractableCard-disabled.saltInteractableCard-selected:hover,
+.saltInteractableCard-disabled.saltInteractableCard-selected:active {
+  border-color: var(--salt-actionable-accented-borderColor-active);
+}
 .saltInteractableCard-disabled div {
   pointer-events: none;
 }
@@ -2454,6 +2505,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-style: normal;
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
 }
 
 /* src/link/Link.css */
@@ -2461,7 +2513,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --link-color: "inherit";
   --link-color-hover: "inherit";
   --link-color-active: "inherit";
-  --link-color-visited: var(--salt-content-foreground-visited);
+  --link-color-visited: var(--salt-content-foreground-visited, var(--link-color));
   --link-color-focus: "inherit";
   --link-focus-outlineColor: currentColor;
   --link-fontFamily: var(--salt-text-fontFamily);
@@ -2489,7 +2541,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --link-color-active: var(--salt-content-primary-foreground);
   --link-color-focus: var(--salt-content-primary-foreground);
   --link-focus-outlineColor: var(--salt-focused-outlineColor);
-  --link-color-visited: var(--salt-content-foreground-visited);
+  --link-color-visited: var(--salt-content-foreground-visited, var(--link-color));
 }
 .saltLink-secondary {
   --link-color: var(--salt-content-secondary-foreground);
@@ -2497,7 +2549,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --link-color-active: var(--salt-content-secondary-foreground);
   --link-color-focus: var(--salt-content-secondary-foreground);
   --link-focus-outlineColor: var(--salt-focused-outlineColor);
-  --link-color-visited: var(--salt-content-foreground-visited);
+  --link-color-visited: var(--salt-content-foreground-visited, var(--link-color));
 }
 .saltLink-accent {
   --link-color: var(--salt-content-accent-foreground);
@@ -2505,7 +2557,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --link-color-active: var(--salt-content-accent-foreground);
   --link-color-focus: var(--salt-content-accent-foreground);
   --link-focus-outlineColor: var(--salt-focused-outlineColor);
-  --link-color-visited: var(--salt-content-foreground-visited);
+  --link-color-visited: var(--salt-content-foreground-visited, var(--link-color));
 }
 .saltLink .saltLink-icon {
   margin-left: var(--salt-spacing-75);
@@ -2815,10 +2867,11 @@ a:focus .saltCard-interactable.saltCard-disabled {
   padding: var(--salt-spacing-50) var(--salt-spacing-100);
   border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
   min-height: var(--salt-size-base);
-  font-family: var(--salt-text-label-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-label-fontSize);
-  font-weight: var(--salt-text-fontWeight-strong);
+  font-weight: var(--salt-text-fontWeight-bolder);
   line-height: var(--salt-text-label-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   color: var(--salt-content-secondary-foreground);
 }
 
@@ -2877,12 +2930,13 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
 }
 .saltMegaMenuListItem-wrapper:focus-visible {
   outline: var(--salt-focused-outline);
   outline-offset: calc(var(--salt-size-fixed-100) * -2);
 }
-.saltMegaMenuListItem-wrapper:hover:not(:focus-visible) {
+.saltMegaMenuListItem-wrapper:hover:not(:focus-visible, :active) {
   outline: none;
   background: var(--salt-overlayable-background-hover);
 }
@@ -2921,8 +2975,8 @@ a:focus .saltCard-interactable.saltCard-disabled {
   background: var(--salt-container-primary-background);
   color: var(--salt-content-secondary-foreground);
   font-size: var(--salt-text-label-fontSize);
-  font-weight: var(--salt-text-label-fontWeight-strong);
-  font-family: var(--salt-text-label-fontFamily);
+  font-weight: var(--salt-text-label-fontWeight-bolder);
+  font-family: var(--salt-text-fontFamily);
   line-height: var(--salt-text-label-lineHeight);
   letter-spacing: var(--salt-text-letterSpacing);
   height: calc(var(--salt-size-base) + var(--salt-spacing-100));
@@ -2972,8 +3026,9 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltMenuItem[aria-disabled=true],
 .saltMenuItem[aria-disabled=true]:active {
-  background: var(--salt-selectable-background-disabled);
-  color: var(--salt-content-primary-foreground-disabled);
+  opacity: 0.4;
+  background: var(--salt-selectable-background);
+  color: var(--salt-content-primary-foreground);
   cursor: var(--salt-cursor-disabled);
   box-shadow: none;
 }
@@ -3232,7 +3287,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   overflow: auto;
 }
 .saltMultilineInput-textarea::placeholder {
-  font-weight: var(--salt-text-fontWeight-small);
+  font-weight: var(--salt-text-fontWeight-lighter);
 }
 .saltMultilineInput-textarea:focus {
   outline: none;
@@ -3248,6 +3303,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
+  letter-spacing: var(--salt-text-letterSpacing);
 }
 .saltNavigationItem-wrapper {
   display: flex;
@@ -3264,7 +3320,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   box-sizing: border-box;
 }
 .saltNavigationItem-rootItem {
-  font-weight: var(--salt-text-fontWeight-strong);
+  font-weight: var(--salt-text-fontWeight-bolder);
 }
 .saltNavigationItem-label .saltIcon {
   top: var(--salt-spacing-25);
@@ -3445,7 +3501,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltNumberInput-input::placeholder {
   color: var(--salt-content-secondary-foreground);
-  font-weight: var(--salt-text-fontWeight-small);
+  font-weight: var(--salt-text-fontWeight-lighter);
 }
 .saltNumberInput-focused {
   --numberInput-borderColor: var(--numberInput-outlineColor);
@@ -3568,6 +3624,87 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
 }
 
+/* src/on-solid-button/OnSolidButton.css */
+.saltOnSolidButton {
+  --onSolidButton-borderWidth: var(--salt-size-fixed-100);
+  align-items: center;
+  appearance: none;
+  -webkit-appearance: none;
+  background: var(--salt-actionable-onSolid-subtle-background);
+  border-color: var(--salt-actionable-onSolid-subtle-borderColor);
+  border-radius: var(--salt-palette-corner-weak, 0);
+  border-style: solid;
+  border-width: var(--onSolidButton-borderWidth);
+  color: var(--salt-actionable-onSolid-subtle-foreground);
+  display: inline-flex;
+  font-family: var(--salt-text-action-fontFamily);
+  font-size: var(--salt-text-fontSize);
+  font-weight: var(--salt-text-action-fontWeight);
+  gap: var(--salt-spacing-50);
+  height: var(--salt-size-base);
+  justify-content: center;
+  letter-spacing: var(--salt-text-action-letterSpacing);
+  line-height: var(--salt-text-lineHeight);
+  margin: 0;
+  padding: 0 calc(var(--salt-spacing-100) - var(--onSolidButton-borderWidth));
+  position: relative;
+  -webkit-tap-highlight-color: transparent;
+  text-align: var(--salt-text-action-textAlign);
+  text-decoration: none;
+  text-transform: var(--salt-text-action-textTransform);
+  transition: none;
+}
+.saltOnSolidButton:focus-visible {
+  background: var(--salt-actionable-onSolid-subtle-background-hover);
+  border-color: var(--salt-actionable-onSolid-subtle-borderColor-hover);
+  color: var(--salt-actionable-onSolid-subtle-foreground-hover);
+  outline-color: var(--salt-focused-onSolid-outlineColor);
+  outline-offset: var(--salt-focused-outlineOffset);
+  outline-style: var(--salt-focused-outlineStyle);
+  outline-width: var(--salt-focused-outlineWidth);
+}
+@media (hover: hover) {
+  .saltOnSolidButton:hover {
+    background: var(--salt-actionable-onSolid-subtle-background-hover);
+    border-color: var(--salt-actionable-onSolid-subtle-borderColor-hover);
+    color: var(--salt-actionable-onSolid-subtle-foreground-hover);
+    cursor: var(--salt-cursor-hover);
+  }
+}
+.saltOnSolidButton.saltOnSolidButton-active:focus-visible,
+.saltOnSolidButton:focus-visible:active,
+.saltOnSolidButton:active,
+.saltOnSolidButton.saltOnSolidButton-active {
+  background: var(--salt-actionable-onSolid-subtle-background-active);
+  border-color: var(--salt-actionable-onSolid-subtle-borderColor-active);
+  color: var(--salt-actionable-onSolid-subtle-foreground-active);
+  cursor: var(--salt-cursor-active);
+}
+.saltOnSolidButton:disabled,
+.saltOnSolidButton.saltOnSolidButton-disabled,
+.saltOnSolidButton.saltOnSolidButton-disabled:active,
+.saltOnSolidButton.saltOnSolidButton-disabled:focus-visible,
+.saltOnSolidButton.saltOnSolidButton-disabled:focus-visible:active,
+.saltOnSolidButton.saltOnSolidButton-disabled:hover {
+  background: var(--salt-actionable-onSolid-subtle-background);
+  border-color: var(--salt-actionable-onSolid-subtle-borderColor);
+  color: var(--salt-actionable-onSolid-subtle-foreground);
+  cursor: var(--salt-cursor-disabled);
+  opacity: 0.4;
+}
+.saltOnSolidButton {
+  --text-fontWeight-bolder: var(--salt-text-action-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-action-fontWeight-lighter);
+}
+.saltOnSolidButton strong,
+.saltOnSolidButton b {
+  font-weight: var(--salt-text-action-fontWeight-bolder);
+}
+.saltOnSolidButton small {
+  font-size: inherit;
+  font-weight: var(--salt-text-action-fontWeight-lighter);
+}
+
 /* src/option/Option.css */
 .saltOption {
   color: var(--salt-content-primary-foreground);
@@ -3610,6 +3747,9 @@ a:focus .saltCard-interactable.saltCard-disabled {
     calc(var(--salt-size-fixed-100) * -1) 0 0 var(--salt-size-fixed-100) var(--salt-selectable-borderColor-selected),
     0 calc(var(--salt-size-fixed-100) * -1) 0 var(--salt-selectable-borderColor-selected);
 }
+.saltOption-checkbox {
+  margin: calc((var(--salt-text-lineHeight) - var(--salt-size-selectable)) / 2) 0;
+}
 .saltOption .saltIcon:not(.saltCheckboxIcon-icon) {
   min-height: var(--salt-text-lineHeight);
 }
@@ -3619,8 +3759,8 @@ a:focus .saltCard-interactable.saltCard-disabled {
   background: var(--salt-container-primary-background);
   color: var(--salt-content-secondary-foreground);
   font-size: var(--salt-text-label-fontSize);
-  font-weight: var(--salt-text-label-fontWeight-strong);
-  font-family: var(--salt-text-label-fontFamily);
+  font-weight: var(--salt-text-label-fontWeight-bolder);
+  font-family: var(--salt-text-fontFamily);
   line-height: var(--salt-text-label-lineHeight);
   letter-spacing: var(--salt-text-letterSpacing);
   min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
@@ -3660,14 +3800,26 @@ a:focus .saltCard-interactable.saltCard-disabled {
   display: none;
 }
 
+/* src/overlay/OverlayFooter.css */
+.saltOverlayFooter {
+  padding: var(--saltOverlay-footer-padding, var(--salt-spacing-100));
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--salt-spacing-100);
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
 /* src/overlay/OverlayHeader.css */
 .saltOverlayHeader {
-  padding: var(--salt-spacing-100);
+  padding: var(--saltOverlay-header-padding, var(--salt-spacing-100));
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: stretch;
   gap: var(--salt-spacing-100);
+  flex-shrink: 0;
   box-sizing: border-box;
 }
 .saltOverlayHeader-container {
@@ -3676,18 +3828,17 @@ a:focus .saltCard-interactable.saltCard-disabled {
   display: flex;
   flex-direction: column;
   gap: var(--salt-spacing-50);
-  padding-top: calc((var(--salt-size-base) - var(--salt-text-h4-lineHeight)) / 2);
   align-items: flex-start;
 }
+.saltOverlayHeader-withActions .saltOverlayHeader-container {
+  padding-top: calc((var(--salt-size-base) - var(--salt-text-h4-lineHeight)) / 2);
+}
 .saltOverlayHeader-header {
   margin: 0;
 }
 .saltOverlayHeader-actionsContainer {
   align-self: flex-start;
 }
-.saltOverlayHeader ~ .saltOverlayPanelContent {
-  padding-top: 0;
-}
 
 /* src/overlay/OverlayPanel.css */
 .saltOverlayPanel {
@@ -3697,6 +3848,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-size: var(--saltOverlay-fontSize, var(--salt-text-fontSize));
   font-weight: var(--saltOverlay-fontWeight, var(--salt-text-fontWeight));
   line-height: var(--saltOverlay-lineHeight, var(--salt-text-lineHeight));
+  letter-spacing: var(--salt-text-letterSpacing);
   border-color: var(--overlay-borderColor);
   border-style: var(--saltOverlay-borderStyle, var(--salt-borderStyle-solid));
   border-width: var(--saltOverlay-borderWidth, var(--salt-size-fixed-100));
@@ -3706,6 +3858,25 @@ a:focus .saltCard-interactable.saltCard-disabled {
   color: var(--saltOverlay-text-color, var(--salt-content-primary-foreground));
   z-index: var(--saltOverlay-zIndex, var(--salt-zIndex-flyover));
   width: max-content;
+  max-width: 100vw;
+  max-height: 100vh;
+  box-sizing: border-box;
+}
+.saltOverlayPanel-content {
+  max-width: inherit;
+  max-height: inherit;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+.saltOverlayPanel-content.saltOverlayPanel-sectioned {
+  display: flex;
+  flex-direction: column;
+}
+@supports selector(:has(*)) {
+  .saltOverlayPanel-content:has(> .saltOverlayHeader, > .saltOverlayPanelContent, > .saltOverlayFooter) {
+    display: flex;
+    flex-direction: column;
+  }
 }
 
 /* src/overlay/OverlayPanelCloseButton.css */
@@ -3729,6 +3900,19 @@ a:focus .saltCard-interactable.saltCard-disabled {
   position: relative;
   overflow: hidden;
   padding: var(--saltOverlay-content-padding, var(--salt-spacing-100));
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+}
+.saltOverlayHeader ~ .saltOverlayPanelContent {
+  padding-top: 0;
+}
+.saltOverlayPanelContent:not(:last-child) {
+  padding-bottom: 0;
+}
+.saltOverlayPanelContent-container {
+  flex: 1;
+  min-width: 0;
 }
 .saltOverlayPanelContent-overflow {
   padding-right: var(--salt-spacing-100);
@@ -3737,7 +3921,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
   overflow-y: auto;
 }
 .saltOverlayPanelContent-overflow.saltOverlayPanelContent-scroll-top {
-  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
+  border-top-color: var(--salt-separable-tertiary-borderColor);
+}
+.saltOverlayPanelContent-overflow.saltOverlayPanelContent-scroll-bottom {
+  border-bottom-color: var(--salt-separable-tertiary-borderColor);
 }
 
 /* src/pagination/CompactInput.css */
@@ -4226,7 +4413,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   flex: 1;
   font: inherit;
   height: 100%;
-  letter-spacing: var(--saltPillInput-letterSpacing, 0);
+  letter-spacing: var(--saltPillInput-letterSpacing, var(--salt-text-letterSpacing));
   margin: 0;
   min-width: 0;
   overflow: hidden;
@@ -4242,7 +4429,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltPillInput-input::placeholder {
   color: var(--salt-content-secondary-foreground);
-  font-weight: var(--salt-text-fontWeight-small);
+  font-weight: var(--salt-text-fontWeight-lighter);
 }
 
 /* src/radio-button/RadioButton.css */
@@ -4256,6 +4443,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   line-height: var(--salt-text-lineHeight);
   font-family: var(--salt-text-fontFamily);
   font-weight: var(--salt-text-fontWeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   --radioButton-icon-margin: calc((var(--salt-text-lineHeight) - var(--salt-size-selectable)) / 2);
 }
 .saltRadioButton-disabled {
@@ -4352,6 +4540,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border-color: var(--salt-selectable-borderColor-hover);
   color: var(--salt-selectable-foreground-hover);
 }
+.saltRadioButton-disabled:hover .saltRadioButtonIcon {
+  border-color: var(--salt-selectable-borderColor);
+  color: var(--salt-selectable-foreground);
+}
 .saltRadioButtonIcon-checked,
 .saltRadioButton:hover .saltRadioButtonIcon-checked {
   border-color: var(--salt-selectable-borderColor-selected);
@@ -4431,6 +4623,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   box-sizing: border-box;
 }
 
@@ -4959,6 +5152,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
 }
 .saltSwitch-disabled {
   color: var(--salt-content-primary-foreground);
@@ -5127,6 +5321,7 @@ table.saltTable {
   font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-fontSize);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   width: 100%;
 }
 table.saltTable tr {
@@ -5149,7 +5344,7 @@ table.saltTable thead {
   height: var(--table-header-height);
   min-height: var(--table-header-height);
   font-size: var(--salt-text-label-fontSize);
-  font-weight: var(--salt-text-label-fontWeight-strong);
+  font-weight: var(--salt-text-label-fontWeight-bolder);
   line-height: var(--salt-text-label-lineHeight);
 }
 table.saltTable thead.saltTable-thead-sticky {
@@ -5188,7 +5383,7 @@ table.saltTable tfoot {
   min-height: var(--table-footer-height);
   font-size: var(--salt-text-fontSize);
   line-height: var(--salt-text-lineHeight);
-  font-weight: var(--salt-text-fontWeight-strong);
+  font-weight: var(--salt-text-fontWeight-bolder);
 }
 table.saltTable tfoot.saltTable-tfoot-sticky {
   position: sticky;
@@ -5233,7 +5428,7 @@ table.saltTable th.saltTable-th-align-right {
   text-align: end;
 }
 table.saltTable tbody th[scope=row] {
-  font-weight: var(--salt-text-fontWeight-strong);
+  font-weight: var(--salt-text-fontWeight-bolder);
   line-height: var(--salt-text-lineHeight);
 }
 table.saltTable th + th::before {
@@ -5457,6 +5652,7 @@ table.saltTable td.saltTable-td-align-right {
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   overflow: hidden;
   border-radius: var(--saltTag-borderRadius, var(--salt-palette-corner-strongest, 9999px));
   width: fit-content;
@@ -5608,6 +5804,8 @@ table.saltTable td.saltTable-td-align-right {
   line-height: var(--saltText-lineHeight, var(--salt-text-lineHeight));
   font-weight: var(--saltText-fontWeight, var(--salt-text-fontWeight));
   letter-spacing: var(--salt-text-letterSpacing);
+  --text-fontWeight-bolder: var(--salt-text-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-fontWeight-lighter);
 }
 .saltText-lineClamp {
   display: -webkit-box;
@@ -5640,25 +5838,13 @@ table.saltTable td.saltTable-td-align-right {
 .saltText-success {
   --text-color: var(--salt-status-success-foreground-informative);
 }
-.saltText strong {
-  font-weight: var(--salt-text-fontWeight-strong);
-}
-.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-fontWeight-small);
-}
 .saltText-notation.saltText {
-  font-family: var(--salt-text-notation-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-notation-fontSize);
   line-height: var(--salt-text-notation-lineHeight);
-  font-weight: var(--salt-text-fontWeight);
-}
-.saltText-notation.saltText strong {
-  font-weight: var(--salt-text-notation-fontWeight-strong);
-}
-.saltText-notation.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-notation-fontWeight-small);
+  font-weight: var(--salt-text-notation-fontWeight);
+  --text-fontWeight-bolder: var(--salt-text-notation-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-notation-fontWeight-lighter);
 }
 .saltText-action.saltText {
   font-family: var(--salt-text-action-fontFamily);
@@ -5666,153 +5852,220 @@ table.saltTable td.saltTable-td-align-right {
   text-transform: var(--salt-text-action-textTransform);
   text-align: var(--salt-text-action-textAlign);
   font-weight: var(--salt-text-action-fontWeight);
-}
-.saltText-action.saltText strong {
-  font-weight: var(--salt-text-action-fontWeight-strong);
-}
-.saltText-action.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-action-fontWeight-small);
+  --text-fontWeight-bolder: var(--salt-text-action-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-action-fontWeight-lighter);
 }
 code.saltText,
 .saltText-code.saltText {
   font-family: var(--salt-text-code-fontFamily);
+  font-weight: var(--salt-text-code-fontWeight);
+  --text-fontWeight-bolder: var(--salt-text-code-fontWeight);
+  --text-fontWeight-lighter: var(--salt-text-code-fontWeight);
 }
 .saltText-display1.saltText {
-  font-family: var(--salt-text-display1-fontFamily);
+  font-family: var(--salt-text-display-fontFamily);
   font-size: var(--salt-text-display1-fontSize);
-  font-weight: var(--salt-text-display1-fontWeight);
+  font-style: var(--salt-text-display-fontStyle, normal);
+  font-weight: var(--salt-text-display-fontWeight);
+  letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display1-lineHeight);
-}
-.saltText-display1.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display1-fontWeight-strong);
-}
-.saltText-display1.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display1-fontWeight-small);
+  text-transform: var(--salt-text-display-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-display-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-display-fontWeight-lighter);
 }
 .saltText-display2.saltText {
-  font-family: var(--salt-text-display2-fontFamily);
+  font-family: var(--salt-text-display-fontFamily);
   font-size: var(--salt-text-display2-fontSize);
-  font-weight: var(--salt-text-display2-fontWeight);
+  font-style: var(--salt-text-display-fontStyle, normal);
+  font-weight: var(--salt-text-display-fontWeight);
+  letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display2-lineHeight);
-}
-.saltText-display2.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display2-fontWeight-strong);
-}
-.saltText-display2.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display2-fontWeight-small);
+  text-transform: var(--salt-text-display-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-display-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-display-fontWeight-lighter);
 }
 .saltText-display3.saltText {
-  font-family: var(--salt-text-display3-fontFamily);
+  font-family: var(--salt-text-display-fontFamily);
   font-size: var(--salt-text-display3-fontSize);
-  font-weight: var(--salt-text-display3-fontWeight);
+  font-style: var(--salt-text-display-fontStyle, normal);
+  font-weight: var(--salt-text-display-fontWeight);
+  letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display3-lineHeight);
-}
-.saltText-display3.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display3-fontWeight-strong);
-}
-.saltText-display3.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display3-fontWeight-small);
+  text-transform: var(--salt-text-display-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-display-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-display-fontWeight-lighter);
 }
 .saltText-display4.saltText {
-  font-family: var(--salt-text-display4-fontFamily);
+  font-family: var(--salt-text-display-fontFamily);
   font-size: var(--salt-text-display4-fontSize);
-  font-weight: var(--salt-text-display4-fontWeight);
+  font-style: var(--salt-text-display-fontStyle, normal);
+  font-weight: var(--salt-text-display-fontWeight);
+  letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display4-lineHeight);
-}
-.saltText-display4.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display4-fontWeight-strong);
-}
-.saltText-display4.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display4-fontWeight-small);
+  text-transform: var(--salt-text-display-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-display-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-display-fontWeight-lighter);
+}
+.saltText-editorial1.saltText {
+  font-family: var(--salt-text-editorial-fontFamily);
+  font-size: var(--salt-text-editorial1-fontSize);
+  font-style: var(--salt-text-editorial-fontStyle, normal);
+  font-weight: var(--salt-text-editorial-fontWeight);
+  letter-spacing: var(--salt-text-editorial-letterSpacing);
+  line-height: var(--salt-text-editorial1-lineHeight);
+  text-transform: var(--salt-text-editorial-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-editorial-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-editorial-fontWeight-lighter);
+}
+.saltText-editorial2.saltText {
+  font-family: var(--salt-text-editorial-fontFamily);
+  font-size: var(--salt-text-editorial2-fontSize);
+  font-style: var(--salt-text-editorial-fontStyle, normal);
+  font-weight: var(--salt-text-editorial-fontWeight);
+  letter-spacing: var(--salt-text-editorial-letterSpacing);
+  line-height: var(--salt-text-editorial2-lineHeight);
+  text-transform: var(--salt-text-editorial-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-editorial-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-editorial-fontWeight-lighter);
+}
+.saltText-editorial3.saltText {
+  font-family: var(--salt-text-editorial-fontFamily);
+  font-size: var(--salt-text-editorial3-fontSize);
+  font-style: var(--salt-text-editorial-fontStyle, normal);
+  font-weight: var(--salt-text-editorial-fontWeight);
+  letter-spacing: var(--salt-text-editorial-letterSpacing);
+  line-height: var(--salt-text-editorial3-lineHeight);
+  text-transform: var(--salt-text-editorial-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-editorial-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-editorial-fontWeight-lighter);
+}
+.saltText-editorial4.saltText {
+  font-family: var(--salt-text-editorial-fontFamily);
+  font-size: var(--salt-text-editorial4-fontSize);
+  font-style: var(--salt-text-editorial-fontStyle, normal);
+  font-weight: var(--salt-text-editorial-fontWeight);
+  letter-spacing: var(--salt-text-editorial-letterSpacing);
+  line-height: var(--salt-text-editorial4-lineHeight);
+  text-transform: var(--salt-text-editorial-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-editorial-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-editorial-fontWeight-lighter);
+}
+.saltText-editorial5.saltText {
+  font-family: var(--salt-text-editorial-fontFamily);
+  font-size: var(--salt-text-editorial5-fontSize);
+  font-style: var(--salt-text-editorial-fontStyle, normal);
+  font-weight: var(--salt-text-editorial-fontWeight);
+  letter-spacing: var(--salt-text-editorial-letterSpacing);
+  line-height: var(--salt-text-editorial5-lineHeight);
+  text-transform: var(--salt-text-editorial-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-editorial-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-editorial-fontWeight-lighter);
+}
+.saltText-editorial6.saltText {
+  font-family: var(--salt-text-editorial-fontFamily);
+  font-size: var(--salt-text-editorial6-fontSize);
+  font-style: var(--salt-text-editorial-fontStyle, normal);
+  font-weight: var(--salt-text-editorial-fontWeight);
+  letter-spacing: var(--salt-text-editorial-letterSpacing);
+  line-height: var(--salt-text-editorial6-lineHeight);
+  text-transform: var(--salt-text-editorial-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-editorial-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-editorial-fontWeight-lighter);
 }
 h1.saltText,
 .saltText-h1.saltText {
-  font-family: var(--salt-text-h1-fontFamily);
+  font-family: var(--salt-text-heading-fontFamily);
   font-size: var(--salt-text-h1-fontSize);
-  font-weight: var(--salt-text-h1-fontWeight);
+  font-weight: var(--salt-text-heading-fontWeight);
   line-height: var(--salt-text-h1-lineHeight);
-}
-h1.saltText strong,
-.saltText-h1.saltText strong {
-  font-weight: var(--salt-text-h1-fontWeight-strong);
-}
-h1.saltText small,
-.saltText-h1.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-h1-fontWeight-small);
+  --text-fontWeight-bolder: var(--salt-text-heading-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-heading-fontWeight-lighter);
 }
 h2.saltText,
 .saltText-h2.saltText {
-  font-family: var(--salt-text-h2-fontFamily);
+  font-family: var(--salt-text-heading-fontFamily);
   font-size: var(--salt-text-h2-fontSize);
-  font-weight: var(--salt-text-h2-fontWeight);
+  font-weight: var(--salt-text-heading-fontWeight);
   line-height: var(--salt-text-h2-lineHeight);
-}
-h2.saltText strong,
-.saltText-h2.saltText strong {
-  font-weight: var(--salt-text-h2-fontWeight-strong);
-}
-h2.saltText small,
-.saltText-h2.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-h2-fontWeight-small);
+  --text-fontWeight-bolder: var(--salt-text-heading-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-heading-fontWeight-lighter);
 }
 h3.saltText,
 .saltText-h3.saltText {
-  font-family: var(--salt-text-h3-fontFamily);
+  font-family: var(--salt-text-heading-fontFamily);
   font-size: var(--salt-text-h3-fontSize);
-  font-weight: var(--salt-text-h3-fontWeight);
+  font-weight: var(--salt-text-heading-fontWeight);
   line-height: var(--salt-text-h3-lineHeight);
-}
-h3.saltText strong,
-.saltText-h3.saltText strong {
-  font-weight: var(--salt-text-h3-fontWeight-strong);
-}
-h3.saltText small,
-.saltText-h3.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-h3-fontWeight-small);
+  --text-fontWeight-bolder: var(--salt-text-heading-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-heading-fontWeight-lighter);
 }
 h4.saltText,
 .saltText-h4.saltText {
-  font-family: var(--salt-text-h4-fontFamily);
+  font-family: var(--salt-text-heading-fontFamily);
   font-size: var(--salt-text-h4-fontSize);
-  font-weight: var(--salt-text-h4-fontWeight);
+  font-weight: var(--salt-text-heading-fontWeight);
   line-height: var(--salt-text-h4-lineHeight);
-}
-h4.saltText strong,
-.saltText-h4.saltText strong {
-  font-weight: var(--salt-text-h4-fontWeight-strong);
-}
-h4.saltText small,
-.saltText-h4.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-h4-fontWeight-small);
+  --text-fontWeight-bolder: var(--salt-text-heading-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-heading-fontWeight-lighter);
 }
 label.saltText,
 .saltText-label.saltText {
-  font-family: var(--salt-text-label-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-label-fontSize);
   line-height: var(--salt-text-label-lineHeight);
+  font-weight: var(--salt-text-label-fontWeight);
+  --text-fontWeight-bolder: var(--salt-text-label-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-label-fontWeight-lighter);
+}
+.saltText-label2.saltText {
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-label2-fontSize);
+  line-height: var(--salt-text-label2-lineHeight);
+  font-weight: var(--salt-text-label-fontWeight);
+  --text-fontWeight-bolder: var(--salt-text-label-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-label-fontWeight-lighter);
+}
+.saltText-body2.saltText {
+  font-family: var(--salt-text-fontFamily);
+  font-size: var(--salt-text-body2-fontSize);
+  line-height: var(--salt-text-body2-lineHeight);
   font-weight: var(--salt-text-fontWeight);
+  --text-fontWeight-bolder: var(--salt-text-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-fontWeight-lighter);
+}
+.saltText-eyebrow.saltText {
+  font-family: var(--salt-text-eyebrow-fontFamily);
+  font-size: var(--salt-text-eyebrow-fontSize);
+  font-style: var(--salt-text-eyebrow-fontStyle, normal);
+  font-weight: var(--salt-text-eyebrow-fontWeight);
+  letter-spacing: var(--salt-text-eyebrow-letterSpacing);
+  line-height: var(--salt-text-eyebrow-lineHeight);
+  text-transform: var(--salt-text-eyebrow-textTransform, none);
+  --text-fontWeight-bolder: var(--salt-text-eyebrow-fontWeight-bolder);
+  --text-fontWeight-lighter: var(--salt-text-eyebrow-fontWeight-lighter);
+}
+.saltText-inheritStyle.saltText {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  line-height: inherit;
+  --text-fontWeight-bolder: inherit;
+  --text-fontWeight-lighter: inherit;
 }
-label.saltText strong,
-.saltText-label.saltText strong {
-  font-weight: var(--salt-text-label-fontWeight-strong);
+.saltText strong,
+.saltText b {
+  font-weight: var(--text-fontWeight-bolder, var(--salt-text-fontWeight-bolder));
 }
-label.saltText small,
-.saltText-label.saltText small {
+.saltText small {
   font-size: inherit;
-  font-weight: var(--salt-text-fontWeight-small);
+  font-weight: var(--text-fontWeight-lighter, var(--salt-text-fontWeight-lighter));
+}
+.saltText.saltText-bolder {
+  font-weight: var(--text-fontWeight-bolder, var(--salt-text-fontWeight-bolder));
+}
+.saltText.saltText-lighter {
+  font-weight: var(--text-fontWeight-lighter, var(--salt-text-fontWeight-lighter));
 }
 
 /* src/toast/Toast.css */
@@ -5836,6 +6089,7 @@ label.saltText small,
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
 }
 .saltToast:last-child {
   margin-bottom: var(--salt-spacing-200);
@@ -6169,6 +6423,7 @@ label.saltText small,
   font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--toggletip-borderColor);
   border-radius: var(--salt-palette-corner-weak);
   background: var(--toggletip-background);
@@ -6443,6 +6698,7 @@ label.saltText small,
   font-size: var(--saltTooltip-fontSize, var(--salt-text-fontSize));
   font-weight: var(--saltTooltip-fontWeight, var(--salt-text-fontWeight));
   line-height: var(--saltTooltip-lineHeight, var(--salt-text-lineHeight));
+  letter-spacing: var(--salt-text-letterSpacing);
   max-width: var(--saltTooltip-maxWidth, 60ch);
   padding: var(--saltTooltip-padding, var(--tooltip-padding));
   position: relative;
@@ -6693,8 +6949,8 @@ label.saltText small,
   overflow: hidden;
   cursor: var(--salt-cursor-hover);
   color: var(--salt-content-primary-foreground);
-  font-weight: var(--salt-text-h4-fontWeight);
-  font-family: var(--salt-text-h4-fontFamily);
+  font-weight: var(--salt-text-heading-fontWeight);
+  font-family: var(--salt-text-heading-fontFamily);
   text-align: var(--salt-text-textAlign);
   letter-spacing: var(--salt-text-letterSpacing);
   line-height: var(--salt-text-h4-lineHeight);
@@ -6738,7 +6994,7 @@ label.saltText small,
 }
 .saltVerticalNavigation .saltVerticalNavigationItemContent-active,
 .saltVerticalNavigation .saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent-active {
-  font-weight: var(--salt-text-h4-fontWeight);
+  font-weight: var(--salt-text-heading-fontWeight);
 }
 @supports selector(:has(*)) {
   .saltVerticalNavigationItemContent-active:hover:has(.saltVerticalNavigationItemTrigger[aria-controls]) {
@@ -6785,7 +7041,7 @@ label.saltText small,
   margin: 0;
 }
 .saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent {
-  font-weight: var(--salt-text-h4-fontWeight-small);
+  font-weight: var(--salt-text-heading-fontWeight-lighter);
 }
 
 /* src/progress/CircularProgress/CircularProgress.css */
@@ -7187,10 +7443,11 @@ label.saltText small,
 }
 .saltSliderTrack-markLabel {
   color: var(--salt-content-secondary-foreground);
-  font-family: var(--salt-text-label-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   font-weight: var(--salt-text-label-fontWeight);
   font-size: var(--salt-text-label-fontSize);
   line-height: var(--salt-text-label-lineHeight);
+  letter-spacing: var(--salt-text-letterSpacing);
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -7312,14 +7569,14 @@ label.saltText small,
   padding-left: calc(var(--step-depth) * var(--salt-spacing-100));
 }
 .saltStep-depth-0 > .saltText.saltStepText-label {
-  font-weight: var(--salt-text-fontWeight-strong);
+  font-weight: var(--salt-text-fontWeight-bolder);
 }
 .saltStepText-description {
   grid-area: description;
   color: var(--salt-content-secondary-foreground);
   font-size: var(--salt-text-label-fontSize);
-  font-weight: var(--salt-text-label-fontWeight-strong);
-  font-family: var(--salt-text-label-fontFamily);
+  font-weight: var(--salt-text-label-fontWeight-bolder);
+  font-family: var(--salt-text-fontFamily);
   line-height: var(--salt-text-label-lineHeight);
   letter-spacing: var(--salt-text-letterSpacing);
 }
@@ -7405,4 +7662,4 @@ label.saltText small,
   box-shadow: 0 calc(var(--salt-size-fixed-100) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-fixed-100) 0 0 var(--salt-selectable-borderColor-selected);
 }
 
-/* src/cb166099-faaf-4d81-b955-72294da7c0cb.css */
+/* src/b2d72b61-2924-46ba-8d80-fba16b39d5ad.css */