@salt-ds/core 1.72.0 → 1.73.0

package/css/salt-core.css

@@ -33,7 +33,7 @@
   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);
@@ -846,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;
@@ -999,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,
@@ -1267,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;
@@ -1282,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 {
@@ -1839,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);
@@ -2078,13 +2094,13 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltFormFieldLabel-label {
   --formFieldLabel-fontSize: var(--salt-text-label-fontSize);
   --formFieldLabel-lineHeight: var(--salt-text-label-lineHeight);
-  --formFieldLabel-fontWeight: var(--salt-text-label-fontWeight-strong);
+  --formFieldLabel-fontWeight: var(--salt-text-label-fontWeight-bolder);
   --formFieldLabel-necessity-fontWeight: var(--salt-text-label-fontWeight);
 }
 .saltFormFieldLabel-sentence {
   --formFieldLabel-fontSize: var(--salt-text-fontSize);
   --formFieldLabel-lineHeight: var(--salt-text-lineHeight);
-  --formFieldLabel-fontWeight: var(--salt-text-fontWeight-strong);
+  --formFieldLabel-fontWeight: var(--salt-text-fontWeight-bolder);
   --formFieldLabel-necessity-fontWeight: var(--salt-text-fontWeight);
 }
 .saltFormFieldLabel-necessityLabel {
@@ -2326,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;
@@ -2853,7 +2869,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   min-height: var(--salt-size-base);
   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);
@@ -2920,7 +2936,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   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);
 }
@@ -2959,7 +2975,7 @@ 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-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);
@@ -3271,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;
@@ -3304,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);
@@ -3485,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);
@@ -3608,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);
@@ -3650,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);
 }
@@ -3659,7 +3759,7 @@ 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-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);
@@ -4329,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 */
@@ -5244,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 {
@@ -5283,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;
@@ -5328,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 {
@@ -5704,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;
@@ -5736,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-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);
@@ -5762,17 +5852,15 @@ 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-display-fontFamily);
@@ -5782,14 +5870,8 @@ code.saltText,
   letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display1-lineHeight);
   text-transform: var(--salt-text-display-textTransform, none);
-}
-.saltText-display1.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-strong);
-}
-.saltText-display1.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-small);
+  --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-display-fontFamily);
@@ -5799,14 +5881,8 @@ code.saltText,
   letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display2-lineHeight);
   text-transform: var(--salt-text-display-textTransform, none);
-}
-.saltText-display2.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-strong);
-}
-.saltText-display2.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-small);
+  --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-display-fontFamily);
@@ -5816,14 +5892,8 @@ code.saltText,
   letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display3-lineHeight);
   text-transform: var(--salt-text-display-textTransform, none);
-}
-.saltText-display3.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-strong);
-}
-.saltText-display3.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-small);
+  --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-display-fontFamily);
@@ -5833,14 +5903,74 @@ code.saltText,
   letter-spacing: var(--salt-text-display-letterSpacing, var(--salt-text-letterSpacing));
   line-height: var(--salt-text-display4-lineHeight);
   text-transform: var(--salt-text-display-textTransform, none);
-}
-.saltText-display4.saltText strong {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-strong);
-}
-.saltText-display4.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-display-fontWeight-small);
+  --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 {
@@ -5848,15 +5978,8 @@ h1.saltText,
   font-size: var(--salt-text-h1-fontSize);
   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-heading-fontWeight-strong);
-}
-h1.saltText small,
-.saltText-h1.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-heading-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 {
@@ -5864,15 +5987,8 @@ h2.saltText,
   font-size: var(--salt-text-h2-fontSize);
   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-heading-fontWeight-strong);
-}
-h2.saltText small,
-.saltText-h2.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-heading-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 {
@@ -5880,15 +5996,8 @@ h3.saltText,
   font-size: var(--salt-text-h3-fontSize);
   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-heading-fontWeight-strong);
-}
-h3.saltText small,
-.saltText-h3.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-heading-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 {
@@ -5896,15 +6005,8 @@ h4.saltText,
   font-size: var(--salt-text-h4-fontSize);
   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-heading-fontWeight-strong);
-}
-h4.saltText small,
-.saltText-h4.saltText small {
-  font-size: inherit;
-  font-weight: var(--salt-text-heading-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 {
@@ -5912,15 +6014,58 @@ label.saltText,
   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-label-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 */
@@ -6896,7 +7041,7 @@ label.saltText small,
   margin: 0;
 }
 .saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent {
-  font-weight: var(--salt-text-heading-fontWeight-small);
+  font-weight: var(--salt-text-heading-fontWeight-lighter);
 }
 
 /* src/progress/CircularProgress/CircularProgress.css */
@@ -7424,13 +7569,13 @@ 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-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);
@@ -7517,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/f4ebb149-7141-4270-8ac0-a01fbff8903d.css */
+/* src/b2d72b61-2924-46ba-8d80-fba16b39d5ad.css */

package/dist-cjs/accordion/AccordionHeader.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltAccordionHeader {\n  display: flex;\n  gap: var(--salt-spacing-100);\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  border: 0;\n  width: 100%;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  background: transparent;\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  color: var(--salt-content-primary-foreground);\n  font-weight: var(--salt-text-fontWeight-strong);\n  letter-spacing: var(--salt-text-letterSpacing);\n  text-align: left;\n  cursor: var(--salt-cursor-hover);\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.saltAccordionHeader:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(-1 * var(--salt-focused-outlineWidth));\n}\n\n.saltAccordionHeader-content {\n  padding: var(--salt-spacing-75) 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.saltAccordionHeader .saltAccordionHeader-icon {\n  height: var(--salt-size-base);\n}\n\n.saltAccordionHeader-error {\n  background: var(--salt-status-error-background);\n}\n\n.saltAccordionHeader-error:focus-visible {\n  outline-color: var(--salt-status-error-borderColor);\n}\n\n.saltAccordionHeader-warning {\n  background: var(--salt-status-warning-background);\n}\n\n.saltAccordionHeader-warning:focus-visible {\n  outline-color: var(--salt-status-warning-borderColor);\n}\n\n.saltAccordionHeader-success {\n  background: var(--salt-status-success-background);\n}\n\n.saltAccordionHeader-success:focus-visible {\n  outline-color: var(--salt-status-success-borderColor);\n}\n\n.saltAccordionHeader .saltAccordionHeader-statusIndicator {\n  height: var(--salt-size-base);\n  margin-left: auto;\n}\n\n.saltAccordionHeader:disabled {\n  background: transparent;\n  opacity: 0.4;\n  color: var(--salt-content-primary-foreground);\n  cursor: var(--salt-cursor-disabled);\n}\n";
+var css_248z = ".saltAccordionHeader {\n  display: flex;\n  gap: var(--salt-spacing-100);\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  border: 0;\n  width: 100%;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  background: transparent;\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  color: var(--salt-content-primary-foreground);\n  font-weight: var(--salt-text-fontWeight-bolder);\n  letter-spacing: var(--salt-text-letterSpacing);\n  text-align: left;\n  cursor: var(--salt-cursor-hover);\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.saltAccordionHeader:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(-1 * var(--salt-focused-outlineWidth));\n}\n\n.saltAccordionHeader-content {\n  padding: var(--salt-spacing-75) 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.saltAccordionHeader .saltAccordionHeader-icon {\n  height: var(--salt-size-base);\n}\n\n.saltAccordionHeader-error {\n  background: var(--salt-status-error-background);\n}\n\n.saltAccordionHeader-error:focus-visible {\n  outline-color: var(--salt-status-error-borderColor);\n}\n\n.saltAccordionHeader-warning {\n  background: var(--salt-status-warning-background);\n}\n\n.saltAccordionHeader-warning:focus-visible {\n  outline-color: var(--salt-status-warning-borderColor);\n}\n\n.saltAccordionHeader-success {\n  background: var(--salt-status-success-background);\n}\n\n.saltAccordionHeader-success:focus-visible {\n  outline-color: var(--salt-status-success-borderColor);\n}\n\n.saltAccordionHeader .saltAccordionHeader-statusIndicator {\n  height: var(--salt-size-base);\n  margin-left: auto;\n}\n\n.saltAccordionHeader:disabled {\n  background: transparent;\n  opacity: 0.4;\n  color: var(--salt-content-primary-foreground);\n  cursor: var(--salt-cursor-disabled);\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=AccordionHeader.css.js.map