@salt-ds/core 1.46.1 → 1.47.1

package/css/salt-core.css

@@ -1,6 +1,6 @@
 /* src/accordion/Accordion.css */
 .saltAccordion {
-  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
+  border-top: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
 .saltAccordion-error {
   border-top-color: var(--salt-status-error-borderColor);
@@ -17,7 +17,7 @@
 
 /* src/accordion/AccordionGroup.css */
 .saltAccordionGroup {
-  border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
 
 /* src/accordion/AccordionHeader.css */
@@ -35,7 +35,7 @@
   color: var(--salt-content-primary-foreground);
   font-weight: var(--salt-text-fontWeight-strong);
   text-align: left;
-  cursor: var(--salt-actionable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   box-sizing: border-box;
   -webkit-tap-highlight-color: transparent;
 }
@@ -76,7 +76,7 @@
 .saltAccordionHeader:disabled {
   background: transparent;
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-actionable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 
 /* src/accordion/AccordionPanel.css */
@@ -286,7 +286,7 @@
   --banner-background: var(--salt-container-primary-background);
   background: var(--saltBanner-background, var(--banner-background));
   border-color: var(--saltBanner-borderColor, var(--banner-borderColor));
-  border-width: var(--saltBanner-borderWidth, var(--salt-size-border));
+  border-width: var(--saltBanner-borderWidth, var(--salt-size-fixed-100));
   border-style: var(--saltBanner-borderStyle, var(--salt-container-borderStyle));
   border-radius: var(--saltBanner-borderRadius, var(--salt-palette-corner, 0));
   box-sizing: border-box;
@@ -355,15 +355,15 @@
 
 /* src/button/Button.css */
 .saltButton {
+  --button-borderWidth: var(--salt-size-fixed-100);
   align-items: var(--saltButton-alignItems, center);
   appearance: none;
   background: var(--saltButton-background, var(--button-background));
   border-color: var(--saltButton-borderColor, var(--button-borderColor, transparent));
   border-style: var(--saltButton-borderStyle, solid);
-  border-width: var(--saltButton-borderWidth, var(--salt-size-border, 0));
+  border-width: var(--saltButton-borderWidth, var(--button-borderWidth));
   border-radius: var(--saltButton-borderRadius, var(--salt-palette-corner-weak, 0));
   color: var(--saltButton-text-color, var(--button-text-color));
-  cursor: var(--saltButton-cursor, pointer);
   display: inline-flex;
   gap: var(--salt-spacing-50);
   justify-content: var(--saltButton-justifyContent, center);
@@ -372,7 +372,7 @@
   line-height: var(--saltButton-lineHeight, var(--salt-text-lineHeight));
   letter-spacing: var(--saltButton-letterSpacing, var(--salt-text-action-letterSpacing));
   text-transform: var(--saltButton-textTransform, var(--salt-text-action-textTransform));
-  padding: 0 var(--saltButton-padding, calc(var(--salt-spacing-100) - var(--saltButton-borderWidth, var(--salt-size-border, 0))));
+  padding: 0 var(--saltButton-padding, calc(var(--salt-spacing-100) - var(--saltButton-borderWidth, var(--button-borderWidth))));
   margin: var(--saltButton-margin, 0);
   height: var(--saltButton-height, var(--salt-size-base));
   min-width: var(--saltButton-minWidth, unset);
@@ -399,17 +399,20 @@
   background: var(--saltButton-background-active-hover, var(--button-background));
   color: var(--saltButton-text-color-active-hover, var(--button-text-color));
   border-color: var(--saltButton-borderColor-hover, var(--button-borderColor-hover));
+  cursor: var(--salt-cursor-active);
 }
 .saltButton:hover {
   background: var(--saltButton-background-hover, var(--button-background-hover));
   color: var(--saltButton-text-color-hover, var(--button-text-color-hover));
   border-color: var(--saltButton-borderColor-hover, var(--button-borderColor-hover));
+  cursor: var(--salt-cursor-hover);
 }
 .saltButton:active,
 .saltButton.saltButton-active {
   background: var(--saltButton-background-active, var(--button-background-active));
   color: var(--saltButton-text-color-active, var(--button-text-color-active));
   border-color: var(--saltButton-borderColor-active, var(--button-borderColor-active));
+  cursor: var(--salt-cursor-active);
 }
 .saltButton[aria-expanded=true][aria-haspopup=menu],
 .saltButton[aria-expanded=true][aria-haspopup=dialog] {
@@ -425,7 +428,7 @@
 .saltButton-disabled:hover {
   background: var(--saltButton-background-disabled, var(--button-background-disabled));
   color: var(--saltButton-text-color-disabled, var(--button-text-color-disabled));
-  cursor: var(--saltButton-cursor-disabled, var(--salt-actionable-cursor-disabled));
+  cursor: var(--saltButton-cursor-disabled, var(--salt-cursor-disabled));
   border-color: var(--saltButton-borderColor-disabled, var(--button-borderColor-disabled));
 }
 .saltButton-accented.saltButton-solid {
@@ -483,7 +486,7 @@
   --button-borderColor-hover: var(--salt-actionable-accented-borderColor);
   --button-borderColor-active: var(--salt-actionable-accented-borderColor);
   --button-borderColor-disabled: var(--salt-actionable-accented-borderColor);
-  cursor: progress;
+  cursor: var(--salt-cursor-pending);
 }
 .saltButton-neutral.saltButton-solid {
   --button-text-color: var(--salt-actionable-bold-foreground);
@@ -540,7 +543,7 @@
   --button-borderColor-hover: var(--salt-actionable-borderColor);
   --button-borderColor-active: var(--salt-actionable-borderColor);
   --button-borderColor-disabled: var(--salt-actionable-borderColor);
-  cursor: progress;
+  cursor: var(--salt-cursor-pending);
 }
 .saltButton-negative.saltButton-solid {
   --button-text-color: var(--salt-actionable-negative-bold-foreground);
@@ -597,7 +600,7 @@
   --button-borderColor-hover: var(--salt-actionable-negative-borderColor);
   --button-borderColor-active: var(--salt-actionable-negative-borderColor);
   --button-borderColor-disabled: var(--salt-actionable-negative-borderColor);
-  cursor: progress;
+  cursor: var(--salt-cursor-pending);
 }
 .saltButton-positive.saltButton-solid {
   --button-text-color: var(--salt-actionable-positive-bold-foreground);
@@ -654,7 +657,7 @@
   --button-borderColor-hover: var(--salt-actionable-positive-borderColor);
   --button-borderColor-active: var(--salt-actionable-positive-borderColor);
   --button-borderColor-disabled: var(--salt-actionable-positive-borderColor);
-  cursor: progress;
+  cursor: var(--salt-cursor-pending);
 }
 .saltButton-caution.saltButton-solid {
   --button-text-color: var(--salt-actionable-caution-bold-foreground);
@@ -711,7 +714,7 @@
   --button-borderColor-hover: var(--salt-actionable-caution-borderColor);
   --button-borderColor-active: var(--salt-actionable-caution-borderColor);
   --button-borderColor-disabled: var(--salt-actionable-caution-borderColor);
-  cursor: progress;
+  cursor: var(--salt-cursor-pending);
 }
 .saltButton strong {
   font-weight: var(--salt-text-action-fontWeight-strong);
@@ -736,7 +739,7 @@
 
 /* src/card/Card.css */
 .saltCard {
-  border-width: var(--saltCard-borderWidth, var(--salt-size-border));
+  border-width: var(--saltCard-borderWidth, var(--salt-size-fixed-100));
   border-style: var(--salt-container-borderStyle);
   padding: var(--saltCard-padding, var(--salt-spacing-200));
   position: relative;
@@ -769,27 +772,27 @@
   background-color: var(--saltCard-accent-color, var(--card-accent-color));
 }
 .saltCard-accentBottom::after {
-  left: calc(-1 * var(--salt-size-border));
-  bottom: calc(-1 * var(--salt-size-border));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  bottom: calc(-1 * var(--salt-size-fixed-100));
   height: var(--salt-size-bar);
-  width: calc(100% + calc(2 * var(--salt-size-border)));
+  width: calc(100% + var(--salt-size-fixed-200));
 }
 .saltCard-accentLeft::after {
-  left: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
-  height: calc(100% + calc(2 * var(--salt-size-border)));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
+  height: calc(100% + var(--salt-size-fixed-200));
   width: var(--salt-size-bar);
 }
 .saltCard-accentTop::after {
-  left: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
   height: var(--salt-size-bar);
-  width: calc(100% + calc(2 * var(--salt-size-border)));
+  width: calc(100% + var(--salt-size-fixed-200));
 }
 .saltCard-accentRight::after {
-  right: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
-  height: calc(100% + calc(2 * var(--salt-size-border)));
+  right: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
+  height: calc(100% + var(--salt-size-fixed-200));
   width: var(--salt-size-bar);
 }
 .saltCard-interactable {
@@ -799,7 +802,7 @@
 a:focus .saltCard-interactable,
 .saltCard-interactable:hover {
   box-shadow: var(--saltCard-boxShadow-hover, var(--salt-overlayable-shadow-hover));
-  cursor: var(--saltCard-cursor-hover, var(--salt-selectable-cursor-hover));
+  cursor: var(--saltCard-cursor-hover, var(--salt-cursor-hover));
   border-color: var(--salt-actionable-accented-borderColor-hover);
   position: relative;
 }
@@ -825,7 +828,7 @@ a:focus .saltCard-interactable.saltCard-disabled,
 a:focus .saltCard-interactable.saltCard-disabled {
   border-color: var(--salt-container-primary-borderColor-disabled);
   color: var(--saltCard-color-disabled, var(--salt-content-primary-foreground-disabled));
-  cursor: var(--saltCard-cursor-disabled, var(--salt-selectable-cursor-disabled));
+  cursor: var(--saltCard-cursor-disabled, var(--salt-cursor-disabled));
   outline: none;
 }
 .saltCard-disabled div {
@@ -837,7 +840,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   display: inline-flex;
   gap: var(--salt-spacing-100);
   position: relative;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   font-size: var(--salt-text-fontSize);
   line-height: var(--salt-text-lineHeight);
   font-family: var(--salt-text-fontFamily);
@@ -845,11 +848,11 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltCheckbox-disabled {
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltCheckbox-readOnly {
   color: var(--salt-content-primary-foreground);
-  cursor: var(--salt-selectable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltCheckbox-input,
 .saltCheckboxIcon {
@@ -920,7 +923,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   min-width: var(--checkbox-size);
   height: var(--checkbox-size);
   min-height: var(--checkbox-size);
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
   border-radius: var(--salt-palette-corner-weaker, 0);
   color: var(--salt-selectable-foreground);
   background: var(--salt-container-primary-background);
@@ -930,15 +933,19 @@ a:focus .saltCard-interactable.saltCard-disabled {
   clip-path: border-box;
   box-sizing: border-box;
 }
+.saltCheckboxIcon-checked,
+.saltCheckbox:hover .saltCheckboxIcon-checked {
+  border-color: var(--salt-selectable-borderColor-selected);
+  color: var(--salt-selectable-foreground-selected);
+}
 .saltCheckbox:hover .saltCheckboxIcon,
 .saltCheckbox:hover .saltCheckboxIcon-indeterminate {
   border-color: var(--salt-selectable-borderColor-hover);
   color: var(--salt-selectable-foreground-hover);
 }
-.saltCheckboxIcon-checked,
-.saltCheckbox:hover .saltCheckboxIcon-checked {
-  border-color: var(--salt-selectable-borderColor-selected);
-  color: var(--salt-selectable-foreground-selected);
+.saltCheckboxIcon-checked.saltCheckboxIcon-indeterminate {
+  border-color: var(--salt-selectable-borderColor);
+  color: var(--salt-selectable-foreground);
 }
 .saltCheckboxIcon-disabled,
 .saltCheckbox:hover .saltCheckboxIcon-disabled,
@@ -1007,7 +1014,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   overflow-y: auto;
   z-index: var(--salt-zIndex-modal);
   height: min-content;
-  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-separable-tertiary-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-container-borderStyle) var(--salt-separable-tertiary-borderColor);
   box-sizing: border-box;
   border-radius: var(--salt-palette-corner, 0);
 }
@@ -1123,7 +1130,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltDialogContent-scroll {
   margin-left: var(--salt-spacing-300);
   margin-right: var(--salt-spacing-300);
-  border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
 
 /* src/dialog/DialogHeader.css */
@@ -1188,10 +1195,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border: none;
 }
 .saltDivider-horizontal {
-  height: var(--salt-size-border);
+  height: var(--salt-size-fixed-100);
 }
 .saltDivider-vertical {
-  width: var(--salt-size-border);
+  width: var(--salt-size-fixed-100);
   height: auto;
 }
 
@@ -1281,9 +1288,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   min-width: 4em;
   width: 100%;
   background: var(--dropdown-background);
-  cursor: var(--dropdown-cursor);
   min-height: var(--salt-size-base);
-  border: var(--dropdown-border);
   border-radius: var(--salt-palette-corner-weak, 0);
   display: inline-flex;
   align-items: center;
@@ -1298,11 +1303,11 @@ a:focus .saltCard-interactable.saltCard-disabled {
   overflow: hidden;
 }
 .saltDropdown:hover {
-  background: var(--saltDropdown-background-hover, var(--dropdown-background-hover));
-  cursor: var(--salt-selectable-cursor-hover);
+  background: var(--dropdown-background-hover);
+  cursor: var(--salt-cursor-hover);
 }
 .saltDropdown-bordered.saltDropdown {
-  border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--dropdown-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--dropdown-borderColor);
 }
 .saltDropdown-bordered.saltDropdown:hover {
   border-style: var(--salt-editable-borderStyle-hover);
@@ -1328,7 +1333,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--dropdown-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--dropdown-borderColor);
 }
 .saltDropdown:hover .saltDropdown-activationIndicator {
   border-bottom-style: var(--salt-editable-borderStyle-hover);
@@ -1336,7 +1341,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltDropdown:focus .saltDropdown-activationIndicator,
 .saltDropdown:focus:hover .saltDropdown-activationIndicator {
-  border-bottom: var(--salt-size-border-strong) var(--salt-editable-borderStyle-active) var(--dropdown-borderColor-active);
+  border-bottom: var(--salt-size-fixed-200) var(--salt-editable-borderStyle-active) var(--dropdown-borderColor-active);
 }
 .saltDropdown[aria-readonly=true] .saltDropdown-activationIndicator,
 .saltDropdown[aria-readonly=true]:hover .saltDropdown-activationIndicator {
@@ -1354,9 +1359,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border-bottom-width: 0;
 }
 .saltDropdown-bordered.saltDropdown:focus .saltDropdown-activationIndicator {
-  border-bottom-width: calc(var(--salt-size-border-strong) - var(--salt-size-border));
+  border-bottom-width: var(--salt-size-fixed-100);
 }
 .saltDropdown-primary {
+  --dropdown-color: var(--salt-content-primary-foreground);
   --dropdown-background: var(--salt-editable-primary-background);
   --dropdown-background-active: var(--salt-editable-primary-background-active);
   --dropdown-background-hover: var(--salt-editable-primary-background-hover);
@@ -1368,6 +1374,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --dropdown-outlineColor: var(--salt-focused-outlineColor);
 }
 .saltDropdown-secondary {
+  --dropdown-color: var(--salt-content-primary-foreground);
   --dropdown-background: var(--salt-editable-secondary-background);
   --dropdown-background-active: var(--salt-editable-secondary-background-active);
   --dropdown-background-hover: var(--salt-editable-secondary-background-active);
@@ -1379,6 +1386,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --dropdown-outlineColor: var(--salt-focused-outlineColor);
 }
 .saltDropdown-error {
+  --dropdown-color: var(--salt-content-primary-foreground);
   --dropdown-background: var(--salt-status-error-background);
   --dropdown-background-active: var(--salt-status-error-background);
   --dropdown-background-hover: var(--salt-status-error-background);
@@ -1389,6 +1397,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --dropdown-outlineColor: var(--salt-status-error-borderColor);
 }
 .saltDropdown-warning {
+  --dropdown-color: var(--salt-content-primary-foreground);
   --dropdown-background: var(--salt-status-warning-background);
   --dropdown-background-active: var(--salt-status-warning-background);
   --dropdown-background-hover: var(--salt-status-warning-background);
@@ -1399,6 +1408,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --dropdown-outlineColor: var(--salt-status-warning-borderColor);
 }
 .saltDropdown-success {
+  --dropdown-color: var(--salt-content-primary-foreground);
   --dropdown-background: var(--salt-status-success-background);
   --dropdown-background-active: var(--salt-status-success-background);
   --dropdown-background-hover: var(--salt-status-success-background);
@@ -1411,17 +1421,17 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltDropdown:focus,
 .saltDropdown:focus:hover {
   background: var(--dropdown-background-active);
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--dropdown-outlineColor);
 }
 .saltDropdown.saltDropdown[aria-readonly=true] {
   background: var(--dropdown-background-readonly);
-  cursor: var(--salt-selectable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltDropdown.saltDropdown:disabled,
 .saltDropdown.saltDropdown:disabled:hover {
   background: var(--dropdown-background-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--salt-content-primary-foreground-disabled);
 }
 .saltDropdown-content {
@@ -1450,7 +1460,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   text-align: center;
   align-items: center;
   justify-content: center;
-  border: var(--saltFileDropZone-border, var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor));
+  border: var(--saltFileDropZone-border, var(--salt-size-fixed-200) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor));
   border-radius: var(--saltFileDropZone-borderRadius, var(--salt-palette-corner, 0));
   flex-direction: column;
   padding: var(--salt-spacing-200);
@@ -1463,21 +1473,21 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltFileDropZone-active {
   background: var(--salt-target-background-hover);
-  border: var(--salt-size-border-strong) var(--salt-target-borderStyle-hover) var(--salt-target-borderColor-hover);
+  border: var(--salt-size-fixed-200) var(--salt-target-borderStyle-hover) var(--salt-target-borderColor-hover);
 }
 .saltFileDropZone-error {
-  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-status-error-borderColor);
+  border: var(--salt-size-fixed-200) var(--salt-target-borderStyle) var(--salt-status-error-borderColor);
 }
 .saltFileDropZone-success {
-  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-status-success-borderColor);
+  border: var(--salt-size-fixed-200) var(--salt-target-borderStyle) var(--salt-status-success-borderColor);
 }
 .saltFileDropZone .input-hidden {
   display: none;
 }
 .saltFileDropZone-disabled {
   background: var(--salt-container-primary-background-disabled);
-  border: var(--salt-size-border-strong) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor-disabled);
-  cursor: var(--salt-target-cursor-disabled);
+  border: var(--salt-size-fixed-200) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--salt-content-primary-foreground-disabled);
 }
 
@@ -1508,7 +1518,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --flexLayout-wrap: nowrap;
   --flexLayout-justify: flex-start;
   --flexLayout-align: stretch;
-  --flexLayout-separator: var(--salt-size-border);
+  --flexLayout-separator: var(--salt-size-fixed-100);
 }
 .saltFlexLayout {
   gap: var(--flexLayout-gap);
@@ -1638,6 +1648,9 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltFormFieldHelperText-withValidation {
   column-gap: var(--salt-spacing-75);
 }
+.saltFormFieldHelperText .saltFormFieldHelperText-statusIndicator {
+  margin-top: calc((var(--salt-text-label-lineHeight) - max(var(--salt-size-icon), 12px)) / 2);
+}
 
 /* src/form-field/FormFieldLabel.css */
 .saltFormFieldLabel.saltText {
@@ -1716,10 +1729,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltInput:hover {
   background: var(--saltInput-background-hover, var(--input-background-hover));
-  cursor: var(--salt-editable-cursor-hover);
+  cursor: var(--salt-cursor-text);
 }
 .saltInput-bordered.saltInput {
-  border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--input-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--input-borderColor);
 }
 .saltInput-bordered.saltInput:hover {
   border-style: var(--salt-editable-borderStyle-hover);
@@ -1745,7 +1758,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--input-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--input-borderColor);
 }
 .saltInput:hover .saltInput-activationIndicator {
   border-bottom-style: var(--salt-editable-borderStyle-hover);
@@ -1753,7 +1766,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltInput-focused .saltInput-activationIndicator,
 .saltInput-focused:hover .saltInput-activationIndicator {
-  border-bottom: var(--salt-size-border-strong) var(--salt-editable-borderStyle-active) var(--input-borderColor-active);
+  border-bottom: var(--salt-size-fixed-200) var(--salt-editable-borderStyle-active) var(--input-borderColor-active);
 }
 .saltInput-readOnly .saltInput-activationIndicator,
 .saltInput-readOnly:hover .saltInput-activationIndicator {
@@ -1771,7 +1784,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border-bottom-width: 0;
 }
 .saltInput-bordered.saltInput-focused .saltInput-activationIndicator {
-  border-bottom-width: calc(var(--salt-size-border-strong) - var(--salt-size-border));
+  border-bottom-width: var(--salt-size-fixed-100);
 }
 .saltInput-primary {
   --input-background: var(--salt-editable-primary-background);
@@ -1828,17 +1841,17 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltInput-focused,
 .saltInput-focused:hover {
   background: var(--saltInput-background-active, var(--input-background-active));
-  cursor: var(--salt-editable-cursor-active);
+  cursor: var(--salt-cursor-text);
   outline: var(--saltInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));
 }
 .saltInput.saltInput-readOnly {
   background: var(--input-background-readonly);
-  cursor: var(--salt-editable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltInput.saltInput-disabled,
 .saltInput.saltInput-disabled:hover {
   background: var(--input-background-disabled);
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--saltInput-color-disabled, var(--salt-content-primary-foreground-disabled));
 }
 .saltInput-startAdornmentContainer {
@@ -1870,7 +1883,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltInput-startAdornmentContainer > .saltButton,
 .saltInput-endAdornmentContainer > .saltButton {
-  --saltButton-padding: calc(var(--salt-spacing-50) - var(--salt-size-border));
+  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
   --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
   --saltButton-borderRadius: var(--salt-palette-corner-weaker);
 }
@@ -1908,7 +1921,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 
 /* src/interactable-card/InteractableCard.css */
 .saltInteractableCard {
-  border-width: var(--saltInteractableCard-borderWidth, var(--salt-size-border));
+  border-width: var(--saltInteractableCard-borderWidth, var(--salt-size-fixed-100));
   border-style: var(--saltInteractableCard-borderStyle, var(--salt-container-borderStyle));
   border-radius: var(--saltInteractableCard-borderRadius, var(--salt-palette-corner, 0));
   box-shadow: var(--salt-overlayable-shadow);
@@ -1938,31 +1951,31 @@ a:focus .saltCard-interactable.saltCard-disabled {
   background-color: var(--saltInteractableCard-accent-color, var(--card-accent-color));
 }
 .saltInteractableCard-accentBottom::after {
-  left: calc(-1 * var(--salt-size-border));
-  bottom: calc(-1 * var(--salt-size-border));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  bottom: calc(-1 * var(--salt-size-fixed-100));
   height: var(--salt-size-bar);
-  width: calc(100% + calc(2 * var(--salt-size-border)));
+  width: calc(100% + var(--salt-size-fixed-200));
 }
 .saltInteractableCard-accentLeft::after {
-  left: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
-  height: calc(100% + calc(2 * var(--salt-size-border)));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
+  height: calc(100% + var(--salt-size-fixed-200));
   width: var(--salt-size-bar);
 }
 .saltInteractableCard-accentTop::after {
-  left: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
   height: var(--salt-size-bar);
-  width: calc(100% + calc(2 * var(--salt-size-border)));
+  width: calc(100% + var(--salt-size-fixed-200));
 }
 .saltInteractableCard-accentRight::after {
-  right: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
-  height: calc(100% + calc(2 * var(--salt-size-border)));
+  right: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
+  height: calc(100% + var(--salt-size-fixed-200));
   width: var(--salt-size-bar);
 }
 .saltInteractableCard:focus-visible {
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   box-shadow: var(--salt-overlayable-shadow-hover);
   color: var(--saltInteractableCard-color-focus, var(--salt-content-primary-foreground));
   outline-color: var(--salt-focused-outlineColor);
@@ -1972,19 +1985,19 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 @media (hover: hover) {
   .saltInteractableCard:hover {
-    cursor: var(--salt-selectable-cursor-hover);
+    cursor: var(--salt-cursor-hover);
     box-shadow: var(--salt-overlayable-shadow-hover);
     border-color: var(--salt-actionable-accented-borderColor-hover);
   }
   .saltInteractableCard-disabled:hover {
-    cursor: var(--salt-selectable-cursor-disabled);
+    cursor: var(--salt-cursor-disabled);
     box-shadow: none;
   }
 }
 .saltInteractableCard-selected,
 .saltInteractableCard:active,
 .saltInteractableCard-active {
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   box-shadow: var(--salt-overlayable-shadow);
   border-color: var(--salt-actionable-accented-borderColor-active);
 }
@@ -1993,7 +2006,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltInteractableCard-disabled:active {
   box-shadow: none;
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   outline: none;
   --card-accent-color: var(--salt-accent-background-disabled);
 }
@@ -2122,7 +2135,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltLinkCard {
   border-radius: var(--saltLinkCard-borderRadius, var(--salt-palette-corner, 0));
   border-style: var(--saltLinkCard-borderStyle, var(--salt-container-borderStyle));
-  border-width: var(--saltLinkCard-borderWidth, var(--salt-size-border));
+  border-width: var(--saltLinkCard-borderWidth, var(--salt-size-fixed-100));
   box-shadow: var(--salt-overlayable-shadow);
   display: block;
   overflow: hidden;
@@ -2150,31 +2163,31 @@ a:focus .saltCard-interactable.saltCard-disabled {
   background-color: var(--saltLinkCard-accent-color, var(--linkCard-accent-color));
 }
 .saltLinkCard-accentBottom::after {
-  left: calc(-1 * var(--salt-size-border));
-  bottom: calc(-1 * var(--salt-size-border));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  bottom: calc(-1 * var(--salt-size-fixed-100));
   height: var(--salt-size-bar);
-  width: calc(100% + calc(2 * var(--salt-size-border)));
+  width: calc(100% + var(--salt-size-fixed-200));
 }
 .saltLinkCard-accentLeft::after {
-  left: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
-  height: calc(100% + calc(2 * var(--salt-size-border)));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
+  height: calc(100% + var(--salt-size-fixed-200));
   width: var(--salt-size-bar);
 }
 .saltLinkCard-accentTop::after {
-  left: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
+  left: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
   height: var(--salt-size-bar);
-  width: calc(100% + calc(2 * var(--salt-size-border)));
+  width: calc(100% + var(--salt-size-fixed-200));
 }
 .saltLinkCard-accentRight::after {
-  right: calc(-1 * var(--salt-size-border));
-  top: calc(-1 * var(--salt-size-border));
-  height: calc(100% + calc(2 * var(--salt-size-border)));
+  right: calc(-1 * var(--salt-size-fixed-100));
+  top: calc(-1 * var(--salt-size-fixed-100));
+  height: calc(100% + var(--salt-size-fixed-200));
   width: var(--salt-size-bar);
 }
 .saltLinkCard:focus-visible {
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   box-shadow: var(--salt-overlayable-shadow-hover);
   outline-color: var(--salt-focused-outlineColor);
   outline-style: var(--salt-focused-outlineStyle);
@@ -2184,13 +2197,13 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 @media (hover: hover) {
   .saltLinkCard:hover {
-    cursor: var(--salt-selectable-cursor-hover);
+    cursor: var(--salt-cursor-hover);
     box-shadow: var(--salt-overlayable-shadow-hover);
     border-color: var(--salt-actionable-accented-borderColor-hover);
   }
 }
 .saltLinkCard:active {
-  cursor: var(--salt-selectable-cursor-active);
+  cursor: var(--salt-cursor-active);
   border-color: var(--salt-actionable-accented-borderColor-active);
   box-shadow: var(--salt-overlayable-shadow);
 }
@@ -2199,7 +2212,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltListBox {
   display: flex;
   flex-direction: column;
-  gap: var(--salt-size-border);
+  gap: var(--salt-spacing-fixed-100);
   background: var(--salt-container-primary-background);
   overflow: auto;
   padding-top: 1px;
@@ -2210,7 +2223,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   max-height: inherit;
 }
 .saltListBox-bordered {
-  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
   border-radius: var(--salt-palette-corner, 0);
 }
 .saltListBox:focus-visible {
@@ -2232,7 +2245,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   box-sizing: border-box;
 }
 .saltMenuGroup {
-  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
+  border-top: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
 .saltMenuGroup:first-of-type {
   border-top: 0;
@@ -2252,13 +2265,13 @@ a:focus .saltCard-interactable.saltCard-disabled {
   display: flex;
   gap: var(--salt-spacing-100);
   position: relative;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   box-sizing: border-box;
   flex-shrink: 0;
 }
 .saltMenuItem:focus-visible {
   outline: var(--salt-focused-outline);
-  outline-offset: calc(var(--salt-size-border) * -2);
+  outline-offset: calc(var(--salt-size-fixed-100) * -2);
 }
 .saltMenuItem:hover {
   outline: none;
@@ -2269,20 +2282,20 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltMenuItem:active {
   background: var(--salt-selectable-background-selected);
-  box-shadow: 0 calc(var(--salt-size-border) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-border) 0 0 var(--salt-selectable-borderColor-selected);
+  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);
 }
 .saltMenuItem[aria-disabled=true],
 .saltMenuItem[aria-disabled=true]:active {
   background: var(--salt-selectable-background-disabled);
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   box-shadow: none;
 }
 .saltMenuItem-blurActive {
   z-index: var(--salt-zIndex-default);
   background: var(--salt-selectable-background-selected);
-  box-shadow: 0 calc(var(--salt-size-border) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-border) 0 0 var(--salt-selectable-borderColor-selected);
-  box-shadow: 0 calc(var(--salt-size-border) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-border) 0 0 var(--salt-selectable-borderColor-selected);
+  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);
+  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);
 }
 .saltMenuItem .saltIcon:not(.saltCheckboxIcon-icon) {
   min-height: var(--salt-text-lineHeight);
@@ -2294,7 +2307,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 /* src/menu/MenuPanel.css */
 .saltMenuPanel {
   background: var(--salt-container-primary-background);
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
+  border: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
   overflow: hidden;
   overflow-y: auto;
   min-width: 10em;
@@ -2307,7 +2320,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltMenuPanel-container {
   display: flex;
   flex-direction: column;
-  gap: var(--salt-size-border);
+  gap: var(--salt-spacing-fixed-100);
   max-height: inherit;
   min-height: inherit;
 }
@@ -2338,10 +2351,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltMultilineInput:hover {
   background: var(--multilineInput-background-hover);
-  cursor: var(--salt-editable-cursor-hover);
+  cursor: var(--salt-cursor-text);
 }
 .saltMultilineInput-bordered.saltMultilineInput {
-  border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--multilineInput-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--multilineInput-borderColor);
 }
 .saltMultilineInput-bordered.saltMultilineInput:hover {
   border-style: var(--salt-editable-borderStyle-hover);
@@ -2367,7 +2380,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--multilineInput-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--multilineInput-borderColor);
 }
 .saltMultilineInput:hover .saltMultilineInput-activationIndicator {
   border-bottom-style: var(--salt-editable-borderStyle-hover);
@@ -2375,7 +2388,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltMultilineInput-focused .saltMultilineInput-activationIndicator,
 .saltMultilineInput-focused:hover .saltMultilineInput-activationIndicator {
-  border-bottom: var(--salt-size-border-strong) var(--salt-editable-borderStyle-active) var(--multilineInput-borderColor-active);
+  border-bottom: var(--salt-size-fixed-200) var(--salt-editable-borderStyle-active) var(--multilineInput-borderColor-active);
 }
 .saltMultilineInput-readOnly .saltMultilineInput-activationIndicator,
 .saltMultilineInput-readOnly:hover .saltMultilineInput-activationIndicator {
@@ -2393,7 +2406,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border-bottom-width: 0;
 }
 .saltMultilineInput-bordered.saltMultilineInput-focused .saltMultilineInput-activationIndicator {
-  border-bottom-width: calc(var(--salt-size-border-strong) - var(--salt-size-border));
+  border-bottom-width: var(--salt-size-fixed-100);
 }
 .saltMultilineInput-primary {
   --multilineInput-background: var(--salt-editable-primary-background);
@@ -2450,17 +2463,17 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltMultilineInput-focused,
 .saltMultilineInput-focused:hover {
   background: var(--multilineInput-background-active);
-  cursor: var(--salt-editable-cursor-active);
+  cursor: var(--salt-cursor-text);
   outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--multilineInput-outlineColor);
 }
 .saltMultilineInput.saltMultilineInput-readOnly {
   background: var(--multilineInput-background-readonly);
-  cursor: var(--salt-editable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltMultilineInput.saltMultilineInput-disabled,
 .saltMultilineInput.saltMultilineInput-disabled:hover {
   background: var(--input-background-disabled);
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--salt-content-primary-foreground-disabled);
 }
 .saltMultilineInput.saltMultilineInput-withAdornmentRow {
@@ -2505,7 +2518,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltMultilineInput-startAdornmentContainer > .saltButton,
 .saltMultilineInput-endAdornmentContainer > .saltButton {
-  --saltButton-padding: calc(var(--salt-spacing-50) - var(--salt-size-border));
+  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
   --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
   --saltButton-borderRadius: var(--salt-palette-corner-weaker);
 }
@@ -2557,7 +2570,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font: inherit;
   color: inherit;
   text-decoration: none;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   transition: all var(--salt-duration-instant) ease-in-out;
   box-sizing: border-box;
 }
@@ -2659,7 +2672,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   display: flex;
   gap: var(--salt-spacing-100);
   position: relative;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   box-sizing: border-box;
   flex-shrink: 0;
 }
@@ -2668,7 +2681,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltOption-focusVisible {
   outline: var(--salt-focused-outline);
-  outline-offset: calc(var(--salt-size-border) * -2);
+  outline-offset: calc(var(--salt-size-fixed-100) * -2);
 }
 .saltOption:hover {
   background: var(--salt-selectable-background-hover);
@@ -2677,13 +2690,13 @@ a:focus .saltCard-interactable.saltCard-disabled {
   z-index: var(--salt-zIndex-default);
   background: var(--salt-selectable-background-selected);
   box-shadow:
-    calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover),
-    calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected),
-    0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);
+    calc(var(--salt-size-fixed-100) * -2) 0 0 0 var(--salt-selectable-background-hover),
+    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[aria-disabled=true] {
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltOption .saltIcon:not(.saltCheckboxIcon-icon) {
   min-height: var(--salt-text-lineHeight);
@@ -2704,7 +2717,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   box-sizing: border-box;
 }
 .saltOptionGroup {
-  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
+  border-top: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
 .saltOptionGroup:first-of-type {
   border-top: 0;
@@ -2713,7 +2726,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 /* src/option/OptionList.css */
 .saltOptionList {
   background: var(--salt-container-primary-background);
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
+  border: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
   border-radius: var(--salt-palette-corner, 0);
   overflow: hidden;
   overflow-y: auto;
@@ -2725,7 +2738,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltOptionList-container {
   display: flex;
   flex-direction: column;
-  gap: var(--salt-size-border);
+  gap: var(--salt-spacing-fixed-100);
   max-height: inherit;
   min-height: inherit;
 }
@@ -2772,7 +2785,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   line-height: var(--saltOverlay-lineHeight, var(--salt-text-lineHeight));
   border-color: var(--overlay-borderColor);
   border-style: var(--saltOverlay-borderStyle, var(--salt-container-borderStyle));
-  border-width: var(--saltOverlay-borderWidth, var(--salt-size-border));
+  border-width: var(--saltOverlay-borderWidth, var(--salt-size-fixed-100));
   border-radius: var(--saltOverlay-borderRadius, var(--salt-palette-corner, 0));
   background: var(--overlay-background);
   box-shadow: var(--saltOverlay-boxShadow, var(--salt-overlayable-shadow-popout));
@@ -2805,12 +2818,12 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltOverlayPanelContent-overflow {
   padding-right: var(--salt-spacing-100);
-  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) transparent;
-  border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) transparent;
+  border-top: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) transparent;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) transparent;
   overflow-y: auto;
 }
 .saltOverlayPanelContent-overflow.saltOverlayPanelContent-scroll-top {
-  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
+  border-top: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
 }
 
 /* src/pagination/CompactInput.css */
@@ -2866,18 +2879,17 @@ a:focus .saltCard-interactable.saltCard-disabled {
   padding: 0 var(--salt-spacing-100);
   border: none;
   font-size: var(--salt-text-fontSize);
-  font-family: var(--salt-text-action-fontFamily);
+  font-family: var(--salt-text-fontFamily);
   line-height: var(--salt-text-lineHeight);
-  letter-spacing: var(--salt-text-action-letterSpacing);
-  cursor: var(--salt-selectable-cursor-hover);
+  letter-spacing: var(--salt-text-letterSpacing);
+  cursor: var(--salt-cursor-hover);
   border-radius: var(--salt-palette-corner-weak, 0);
 }
 .saltPageButton:hover,
 .saltPageButton:focus-visible {
   background: var(--salt-selectable-background-hover);
 }
-.saltPageButton:active,
-.saltPageButton-active {
+.saltPageButton:active {
   background: var(--salt-selectable-background-selected);
 }
 .saltPageButton:focus-visible {
@@ -2886,12 +2898,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltPageButton:disabled {
   color: var(--salt-content-secondary-foreground);
   background: var(--salt-selectable-background);
-  cursor: var(--salt-editable-cursor-readonly);
-}
-.saltPageButton-selected {
-  background: var(--salt-selectable-background-selected);
+  cursor: var(--salt-cursor-readonly);
 }
-.saltPageButton-selected:focus-visible {
+.saltPageButton[aria-current=page] {
+  border: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
   background: var(--salt-selectable-background-selected);
 }
 .saltPageButton-fixed {
@@ -2975,19 +2985,20 @@ a:focus .saltCard-interactable.saltCard-disabled {
 
 /* src/pill/Pill.css */
 .saltPill {
+  --pill-borderWidth: var(--salt-size-fixed-100);
   appearance: none;
   display: inline-flex;
   align-items: center;
   background: var(--saltPill-background, var(--pill-background));
   border-radius: var(--salt-palette-corner-weaker, 0);
   border-style: solid;
-  border-width: var(--salt-size-border, 0);
+  border-width: var(--pill-borderWidth);
   border-color: var(--pill-borderColor);
   height: calc(var(--salt-size-base) - var(--salt-spacing-100));
   min-height: var(--salt-text-minHeight);
   position: relative;
   gap: var(--salt-spacing-50);
-  padding: 0 calc(var(--salt-spacing-50) - var(--salt-size-border, 0));
+  padding: 0 calc(var(--salt-spacing-50) - var(--pill-borderWidth));
   color: var(--saltPill-color, var(--pill-color));
   font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-fontSize);
@@ -3001,7 +3012,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --pill-background: var(--salt-actionable-bold-background);
   --pill-color: var(--salt-actionable-bold-foreground);
   --pill-borderColor: var(--salt-actionable-bold-borderColor);
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
 }
 .saltPill-clickable:hover,
 .saltPill-clickable:focus-visible {
@@ -3028,7 +3039,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --pill-color: var(--salt-actionable-bold-foreground-disabled);
   --pill-background: var(--salt-actionable-bold-background-disabled);
   --pill-borderColor: var(--salt-actionable-bold-borderColor-disabled);
-  cursor: var(--salt-actionable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 
 /* src/pill-input/PillInput.css */
@@ -3059,10 +3070,11 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltPillInput:hover {
   background: var(--saltPillInput-background-hover, var(--pillInput-background-hover));
-  cursor: var(--salt-editable-cursor-hover);
+  cursor: var(--salt-cursor-text);
 }
 .saltPillInput-bordered.saltPillInput {
-  border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--pillInput-borderColor);
+  --pillInput-borderWidth: var(--salt-size-fixed-100);
+  border: var(--pillInput-borderWidth) var(--salt-editable-borderStyle) var(--pillInput-borderColor);
 }
 .saltPillInput-bordered.saltPillInput:hover {
   border-style: var(--salt-editable-borderStyle-hover);
@@ -3070,7 +3082,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltPillInput-bordered.saltPillInput-focused,
 .saltPillInput-bordered:active {
-  --pillInput-borderWidth: calc(var(--salt-editable-borderWidth-active) - var(--salt-size-border));
+  --pillInput-borderWidth: calc(var(--salt-size-fixed-200) - var(--pillInput-borderWidth));
 }
 .saltPillInput-bordered.saltPillInput-focused,
 .saltPillInput-bordered.saltPillInput-focused:hover {
@@ -3092,7 +3104,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--pillInput-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--pillInput-borderColor);
 }
 .saltPillInput:hover .saltPillInput-activationIndicator {
   border-bottom-style: var(--salt-editable-borderStyle-hover);
@@ -3100,7 +3112,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltPillInput-focused .saltPillInput-activationIndicator,
 .saltPillInput-focused:hover .saltPillInput-activationIndicator {
-  border-bottom: var(--salt-size-border-strong) var(--salt-editable-borderStyle-active) var(--pillInput-borderColor-active);
+  border-bottom: var(--salt-size-fixed-200) var(--salt-editable-borderStyle-active) var(--pillInput-borderColor-active);
 }
 .saltPillInput-readOnly .saltPillInput-activationIndicator,
 .saltPillInput-readOnly:hover .saltPillInput-activationIndicator {
@@ -3118,7 +3130,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   border-bottom-width: 0;
 }
 .saltPillInput-bordered.saltPillInput-focused .saltPillInput-activationIndicator {
-  border-bottom-width: calc(var(--salt-size-border-strong) - var(--salt-size-border));
+  border-bottom-width: calc(var(--salt-size-fixed-200) - var(--pillInput-borderWidth));
 }
 .saltPillInput-primary {
   --pillInput-background: var(--salt-editable-primary-background);
@@ -3177,17 +3189,17 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltPillInput-focused,
 .saltPillInput-focused:hover {
   background: var(--saltPillInput-background-active, var(--pillInput-background-active));
-  cursor: var(--salt-editable-cursor-active);
+  cursor: var(--salt-cursor-text);
   outline: var(--saltPillInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--pillInput-outlineColor));
 }
 .saltPillInput.saltPillInput-readOnly {
   background: var(--pillInput-background-readonly);
-  cursor: var(--salt-editable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltPillInput-disabled,
 .saltPillInput-disabled:hover {
   background: var(--pillInput-background-disabled);
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--saltPillInput-color-disabled, var(--salt-content-primary-foreground-disabled));
 }
 .saltPillInput-startAdornmentContainer {
@@ -3227,7 +3239,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltPillInput-startAdornmentContainer > .saltButton,
 .saltPillInput-endAdornmentContainer > .saltButton {
-  --saltButton-padding: calc(var(--salt-spacing-50) - var(--salt-size-border));
+  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
   --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
   --saltButton-borderRadius: var(--salt-palette-corner-weaker);
 }
@@ -3244,10 +3256,10 @@ a:focus .saltCard-interactable.saltCard-disabled {
   box-sizing: border-box;
 }
 .saltPillInput-bordered > .saltPillInput-endAdornmentContainer {
-  padding-top: calc(var(--salt-spacing-50) - var(--salt-size-border));
+  padding-top: calc(var(--salt-spacing-50) - var(--pillInput-borderWidth));
 }
 .saltPillInput-bordered > .saltPillInput-inputWrapper {
-  padding: calc(var(--salt-spacing-50) - var(--salt-size-border)) 0;
+  padding: calc(var(--salt-spacing-50) - var(--pillInput-borderWidth)) 0;
 }
 .saltPillInput-pillList {
   display: contents;
@@ -3305,7 +3317,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltRadioButton {
   display: inline-flex;
   gap: var(--salt-spacing-100);
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   position: relative;
   font-size: var(--salt-text-fontSize);
   line-height: var(--salt-text-lineHeight);
@@ -3315,11 +3327,11 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltRadioButton-disabled {
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltRadioButton-readOnly {
   color: var(--salt-content-primary-foreground);
-  cursor: var(--salt-selectable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltRadioButton-input {
   cursor: inherit;
@@ -3394,7 +3406,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   min-height: var(--radioButton-size);
   border-radius: 50%;
   position: relative;
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
   color: var(--salt-selectable-foreground);
   background: var(--salt-container-primary-background);
   --saltIcon-size: 100%;
@@ -3477,25 +3489,25 @@ a:focus .saltCard-interactable.saltCard-disabled {
   display: flex;
   flex-direction: row;
   background: var(--button-background);
-  gap: var(--salt-size-border);
+  gap: var(--salt-spacing-fixed-100);
 }
 .saltSegmentedButtonGroup > .saltButton:not(:last-of-type)::after {
   content: "";
-  width: var(--salt-size-border);
+  width: var(--salt-spacing-fixed-100);
   position: absolute;
   background: var(--button-background);
-  right: calc(var(--salt-size-border) * -2);
-  top: calc(var(--salt-size-border) * -1);
-  bottom: calc(var(--salt-size-border) * -1);
+  right: calc(var(--salt-size-fixed-100) * -2);
+  top: calc(var(--salt-size-fixed-100) * -1);
+  bottom: calc(var(--salt-size-fixed-100) * -1);
 }
 .saltSegmentedButtonGroup > .saltButton:not(:first-of-type)::before {
   content: "";
-  width: var(--salt-size-border);
+  width: var(--salt-spacing-fixed-100);
   position: absolute;
   background: var(--salt-separable-primary-borderColor);
-  left: calc(var(--salt-size-border) * -2);
-  top: calc(var(--salt-size-border) * -1);
-  bottom: calc(var(--salt-size-border) * -1);
+  left: calc(var(--salt-size-fixed-100) * -2);
+  top: calc(var(--salt-size-fixed-100) * -1);
+  bottom: calc(var(--salt-size-fixed-100) * -1);
 }
 .saltSegmentedButtonGroup > .saltButton:not(:first-of-type) {
   border-bottom-left-radius: 0;
@@ -3573,7 +3585,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   width: calc(var(--salt-size-base) * 2);
 }
 .saltSpinner-small {
-  --spinner-strokeWidth: var(--salt-size-bar-small);
+  --spinner-strokeWidth: var(--salt-size-fixed-200);
   height: var(--salt-size-icon);
   width: var(--salt-size-icon);
 }
@@ -3601,7 +3613,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 
 /* src/stack-layout/StackLayout.css */
 .saltStackLayout {
-  --stackLayout-separator-weight: var(--salt-size-border, 1);
+  --stackLayout-separator-weight: var(--salt-size-fixed-100, 1);
 }
 .saltStackLayout-separator > * {
   position: relative;
@@ -3756,7 +3768,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   display: flex;
   gap: var(--salt-spacing-100);
   position: relative;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   color: var(--salt-content-primary-foreground);
   font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-fontSize);
@@ -3765,16 +3777,16 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltSwitch-disabled {
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltSwitch-track {
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
   --saltIcon-size: 100%;
   border-radius: var(--salt-palette-corner-weak, 0);
   display: flex;
   flex-shrink: 0;
   height: calc(var(--salt-size-base) - var(--salt-spacing-100));
-  width: calc((var(--salt-size-selectable) + var(--salt-spacing-25) + var(--salt-size-border)) * 2);
+  width: calc((var(--salt-size-selectable) + var(--salt-spacing-25) + var(--salt-size-fixed-100)) * 2);
   align-items: center;
   color: var(--salt-selectable-foreground);
   background: var(--salt-container-primary-background);
@@ -3815,7 +3827,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   height: var(--salt-size-selectable);
   background: currentColor;
   margin: var(--salt-spacing-25);
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
   box-sizing: border-box;
   border-radius: var(--salt-palette-corner-weaker, 0);
 }
@@ -3844,7 +3856,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   top: 0;
   z-index: var(--salt-zIndex-default);
   height: calc(var(--salt-size-base) - var(--salt-spacing-100));
-  width: calc((var(--salt-size-selectable) + var(--salt-spacing-25) + var(--salt-size-border)) * 2);
+  width: calc((var(--salt-size-selectable) + var(--salt-spacing-25) + var(--salt-size-fixed-100)) * 2);
 }
 @media (prefers-reduced-motion) {
   .saltSwitch-input:focus-visible + .saltSwitch-track .saltSwitch-thumb,
@@ -3882,15 +3894,15 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltTag-primary {
   background: var(--tag-primary-background, var(--salt-category-1-subtle-background));
   color: var(--tag-primary-foreground, var(--salt-category-1-subtle-foreground));
-  border: var(--salt-size-border) var(--salt-container-borderStyle) transparent;
+  border: var(--salt-size-fixed-100) var(--salt-container-borderStyle) transparent;
 }
 .saltTag-bordered {
-  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--tag-primary-borderColor, var(--salt-category-1-subtle-borderColor));
+  border: var(--salt-size-fixed-100) var(--salt-container-borderStyle) var(--tag-primary-borderColor, var(--salt-category-1-subtle-borderColor));
 }
 .saltTag-secondary {
   background: var(--tag-secondary-background, var(--salt-category-1-bold-background));
   color: var(--tag-secondary-foreground, var(--salt-category-1-bold-foreground));
-  border: var(--salt-size-border) var(--salt-container-borderStyle) transparent;
+  border: var(--salt-size-fixed-100) var(--salt-container-borderStyle) transparent;
 }
 .saltTag-category-1 {
   --tag-primary-background: var(--salt-category-1-subtle-background);
@@ -4261,7 +4273,7 @@ label.saltText small,
   --toast-iconColor: var(--salt-content-primary-foreground);
   background: var(--saltToast-background, var(--toast-background));
   border-color: var(--saltToast-borderColor, var(--toast-borderColor));
-  border-width: var(--saltToast-borderWidth, var(--salt-size-border));
+  border-width: var(--saltToast-borderWidth, var(--salt-size-fixed-100));
   border-style: var(--saltToast-borderStyle, var(--salt-container-borderStyle));
   border-radius: var(--saltToast-borderRadius, var(--salt-palette-corner, 0));
   box-sizing: border-box;
@@ -4308,12 +4320,13 @@ label.saltText small,
 
 /* src/toggle-button/ToggleButton.css */
 .saltToggleButton {
+  --toggleButton-borderWidth: var(--salt-size-fixed-100);
   align-items: center;
   appearance: none;
   background: var(--toggleButton-background);
   border-color: var(--toggleButton-borderColor, transparent);
   border-style: solid;
-  border-width: var(--salt-size-border, 0);
+  border-width: var(--toggleButton-borderWidth);
   border-radius: var(--salt-palette-corner-weak, 0);
   box-sizing: border-box;
   color: var(--toggleButton-text-color);
@@ -4328,7 +4341,7 @@ label.saltText small,
   font-family: var(--salt-text-action-fontFamily);
   letter-spacing: var(--salt-text-action-letterSpacing);
   text-transform: var(--salt-text-action-textTransform);
-  padding: 0 calc(var(--salt-spacing-100) - var(--salt-size-border, 0));
+  padding: 0 calc(var(--salt-spacing-100) - var(--toggleButton-borderWidth));
   margin: 0;
   min-width: unset;
   position: relative;
@@ -4357,13 +4370,13 @@ label.saltText small,
 .saltToggleButton[aria-pressed=true] {
   background: var(--toggleButton-background-selected);
   color: var(--toggleButton-text-color-selected);
-  cursor: var(--salt-actionable-cursor-active);
+  cursor: var(--salt-cursor-active);
   border-color: var(--toggleButton-borderColor-selected);
 }
 .saltToggleButton[aria-disabled=true] {
   background: var(--toggleButton-background-disabled);
   color: var(--toggleButton-text-color-disabled);
-  cursor: var(--salt-actionable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   border-color: var(--toggleButton-borderColor-disabled);
 }
 .saltToggleButton[aria-checked=true].saltToggleButton[aria-disabled=true],
@@ -4375,7 +4388,7 @@ label.saltText small,
 .saltToggleButton.saltToggleButton-readOnly {
   background: var(--toggleButton-background-readonly);
   color: var(--toggleButton-text-color-readonly);
-  cursor: var(--salt-actionable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   border-color: var(--toggleButton-borderColor-readonly);
 }
 .saltToggleButton[aria-checked=true].saltToggleButton-readOnly,
@@ -4617,24 +4630,25 @@ label.saltText small,
 
 /* src/toggle-button-group/ToggleButtonGroup.css */
 .saltToggleButtonGroup {
+  --toggleButtonGroup-borderWidth: var(--salt-size-fixed-100);
   display: flex;
   background: var(--salt-container-primary-background);
-  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
+  border: var(--toggleButtonGroup-borderWidth) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
   border-radius: var(--salt-palette-corner-weak, 0);
   width: fit-content;
   gap: var(--salt-spacing-50);
-  padding: calc(var(--salt-spacing-50) - var(--salt-size-border));
+  padding: calc(var(--salt-spacing-50) - var(--toggleButtonGroup-borderWidth));
   flex-direction: row;
 }
 .saltToggleButtonGroup-disabled {
   background: var(--salt-container-primary-background-disabled);
   border-color: var(--salt-container-primary-borderColor-disabled);
-  cursor: var(--salt-actionable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltToggleButtonGroup-readOnly {
   background: var(--salt-container-primary-background);
   border-color: var(--salt-container-primary-borderColor);
-  cursor: var(--salt-actionable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltToggleButtonGroup .saltToggleButton {
   border-radius: var(--salt-palette-corner-weaker, 0);
@@ -4655,14 +4669,15 @@ label.saltText small,
   --tooltip-zIndex: var(--saltTooltip-zIndex, var(--salt-zIndex-flyover));
   --tooltip-icon-marginTop: calc((var(--salt-text-lineHeight) - max(var(--salt-size-icon), 12px)) / 2);
   --tooltip-status-borderColor: var(--salt-container-primary-borderColor);
-  --tooltip-padding: calc(var(--salt-spacing-75) - var(--salt-size-border)) var(--salt-spacing-100);
+  --tooltip-borderWidth: var(--salt-size-fixed-100);
+  --tooltip-padding: calc(var(--salt-spacing-75) - var(--tooltip-borderWidth)) var(--salt-spacing-100);
 }
 .saltTooltip {
   box-sizing: border-box;
   background: var(--tooltip-background);
   border-color: var(--saltTooltip-borderColor, var(--tooltip-status-borderColor));
   border-style: var(--saltTooltip-borderStyle, var(--salt-container-borderStyle));
-  border-width: var(--saltTooltip-borderWidth, var(--salt-size-border));
+  border-width: var(--saltTooltip-borderWidth, var(--tooltip-borderWidth));
   border-radius: var(--saltTooltip-borderRadius, var(--salt-palette-corner-weak, 0));
   box-shadow: var(--saltTooltip-shadow, var(--salt-overlayable-shadow-popout));
   color: var(--saltTooltip-text-color, var(--salt-content-primary-foreground));
@@ -4670,7 +4685,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));
-  max-width: var(--saltTooltip-maxWidth, 230px);
+  max-width: var(--saltTooltip-maxWidth, 60ch);
   padding: var(--saltTooltip-padding, var(--tooltip-padding));
   position: relative;
   text-align: var(--saltTooltip-textAlign, left);
@@ -4742,8 +4757,8 @@ label.saltText small,
   border-width: var(--salt-size-bar-strong);
 }
 .saltCircularProgress-bufferBorder {
-  border: solid var(--salt-size-border) var(--salt-accent-background);
-  outline: solid var(--salt-size-border) var(--salt-accent-background);
+  border: solid var(--salt-size-fixed-100) var(--salt-accent-background);
+  outline: solid var(--salt-size-fixed-100) var(--salt-accent-background);
   outline-offset: calc(var(--salt-size-bar-strong) * -1);
 }
 .saltCircularProgress-bufferBackground {
@@ -4796,7 +4811,7 @@ label.saltText small,
   background: var(--salt-accent-background);
   position: absolute;
   right: 0;
-  width: var(--salt-size-border);
+  width: var(--salt-size-fixed-100);
   height: var(--salt-size-bar-strong);
 }
 .saltCircularProgress-bufferOverlayRight:before {
@@ -4832,9 +4847,9 @@ label.saltText small,
 .saltLinearProgress-buffer {
   width: 0;
   background: var(--salt-container-primary-background);
-  outline: solid var(--salt-size-border) var(--salt-accent-background);
+  outline: solid var(--salt-size-fixed-100) var(--salt-accent-background);
   z-index: var(--salt-zIndex-default);
-  outline-offset: calc(var(--salt-size-border) * -1);
+  outline-offset: calc(var(--salt-size-fixed-100) * -1);
 }
 .saltLinearProgress-bar {
   width: 100%;
@@ -4882,18 +4897,19 @@ label.saltText small,
 .saltSliderThumb {
   align-items: center;
   background: var(--salt-accent-borderColor);
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-grab);
   display: flex;
   height: var(--salt-size-selectable);
   outline: none;
   position: absolute;
   top: calc(((var(--salt-size-selectable) - var(--salt-size-bar)) / 2) * -1);
   transform: translateX(-50%);
-  width: var(--salt-size-border-strong);
+  width: var(--salt-size-fixed-200);
   touch-action: none;
 }
 .saltSliderThumb-disabled {
   background: var(--salt-accent-borderColor-disabled);
+  cursor: var(--salt-cursor-disabled);
   pointer-events: none;
 }
 .saltSliderThumb-focusVisible {
@@ -4904,12 +4920,12 @@ label.saltText small,
 }
 .saltSliderThumb:active,
 .saltSliderThumb-dragging {
-  cursor: var(--draggable-grab-cursor-active);
+  cursor: var(--salt-cursor-grab-active);
 }
 .saltSliderThumb-input {
   border: 0;
   appearance: none;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-grab);
   height: var(--salt-size-base);
   left: var(--slider-progressPercentage);
   margin: 0;
@@ -4942,7 +4958,7 @@ label.saltText small,
   background: var(--salt-container-primary-background);
   border-color: var(--salt-container-primary-borderColor);
   border-style: var(--saltTooltip-borderStyle, var(--salt-container-borderStyle));
-  border-width: var(--saltTooltip-borderWidth, var(--salt-size-border));
+  border-width: var(--saltTooltip-borderWidth, var(--salt-size-fixed-100));
   border-radius: var(--saltTooltip-borderRadius, var(--salt-palette-corner-weak, 0));
   box-shadow: var(--saltTooltip-shadow, var(--salt-overlayable-shadow-popout));
   bottom: 50%;
@@ -4968,7 +4984,7 @@ label.saltText small,
   top: 100%;
   transform: translateX(-50%);
   stroke: var(--salt-container-primary-borderColor);
-  stroke-width: var(--salt-size-border);
+  stroke-width: var(--salt-size-fixed-100);
   width: var(--salt-size-icon);
 }
 .saltSliderTooltip-text {
@@ -4991,7 +5007,7 @@ label.saltText small,
   margin-bottom: calc(var(--salt-size-base) / 2);
 }
 .saltSliderTrack-disabled {
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltSliderTrack-container {
   align-items: center;
@@ -5002,7 +5018,7 @@ label.saltText small,
 }
 .saltSliderTrack-wrapper {
   align-items: center;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   display: flex;
   flex: 1;
   height: var(--salt-size-selectable);
@@ -5011,7 +5027,7 @@ label.saltText small,
 }
 .saltSliderTrack-disabled,
 .saltSliderTrack-disabled .saltSliderTrack-wrapper {
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltSliderTrack-disabled .saltSliderTrack-wrapper {
   pointer-events: none;
@@ -5033,7 +5049,7 @@ label.saltText small,
   background: var(--slider-track-fill);
   border-top-left-radius: var(--salt-palette-corner-weaker);
   border-bottom-left-radius: var(--salt-palette-corner-weaker);
-  width: calc(var(--slider-progressPercentage) - 1.5 * var(--salt-size-border-strong));
+  width: calc(var(--slider-progressPercentage) - var(--salt-size-fixed-300));
 }
 .saltSliderTrack-hasMinTick.saltSliderTrack-rail::before {
   border-bottom-left-radius: unset;
@@ -5042,25 +5058,25 @@ label.saltText small,
   background: var(--slider-track-background);
   border-top-right-radius: var(--salt-palette-corner-weaker);
   border-bottom-right-radius: var(--salt-palette-corner-weaker);
-  width: calc(100% - var(--slider-progressPercentage) - 1.5 * var(--salt-size-border-strong));
+  width: calc(100% - var(--slider-progressPercentage) - var(--salt-size-fixed-300));
 }
 .saltSliderTrack-hasMaxTick.saltSliderTrack-rail::after {
   border-bottom-right-radius: unset;
 }
 .saltSliderTrack-range .saltSliderTrack-rail::before {
   background: var(--slider-track-background);
-  width: calc(var(--slider-progressPercentageStart) - (var(--salt-size-border-strong) * 1.5));
+  width: calc(var(--slider-progressPercentageStart) - var(--salt-size-fixed-300));
 }
 .saltSliderTrack-range .saltSliderTrack-rail::after {
   background: var(--slider-track-background);
-  width: calc(100% - var(--slider-progressPercentageEnd) - (var(--salt-size-border-strong) * 1.5));
+  width: calc(100% - var(--slider-progressPercentageEnd) - var(--salt-size-fixed-300));
 }
 .saltSliderTrack-range .saltSliderTrack-rail .saltSliderTrack-fill {
   background: var(--slider-track-fill);
   height: 100%;
-  left: calc(var(--slider-progressPercentageStart) + 1.5 * var(--salt-size-border-strong));
+  left: calc(var(--slider-progressPercentageStart) + var(--salt-size-fixed-300));
   position: absolute;
-  width: calc(var(--slider-progressPercentageEnd) - var(--slider-progressPercentageStart) - var(--salt-size-border-strong) * 3);
+  width: calc(var(--slider-progressPercentageEnd) - var(--slider-progressPercentageStart) - var(--salt-size-fixed-600));
 }
 .saltSliderTrack-minLabel,
 .saltSliderTrack-maxLabel {
@@ -5068,7 +5084,7 @@ label.saltText small,
 }
 .saltSliderTrack-dragging,
 .saltSliderTrack-dragging .saltSliderTrack-wrapper {
-  cursor: var(--salt-draggable-grab-cursor-active);
+  cursor: var(--salt-cursor-grab-active);
 }
 .saltSliderTrack-disabled {
   --slider-track-fill: var(--salt-accent-borderColor-disabled);
@@ -5084,7 +5100,7 @@ label.saltText small,
   height: var(--slider-tick-height);
   position: absolute;
   transform: translate(-50%);
-  width: var(--salt-size-border-strong);
+  width: var(--salt-size-fixed-200);
 }
 .saltSliderTrack-withTicks .saltSliderTrack-tickHidden {
   visibility: hidden;
@@ -5146,7 +5162,7 @@ label.saltText small,
   top: calc(var(--step-icon-size) / 2);
   left: calc(50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));
   right: calc(-50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));
-  border-top-width: var(--salt-size-border-strong);
+  border-top-width: var(--salt-size-fixed-200);
   border-top-style: var(--salt-track-borderStyle-incomplete);
   border-top-color: var(--salt-track-borderColor);
 }
@@ -5158,7 +5174,7 @@ label.saltText small,
   min-height: var(--salt-size-base);
   align-self: stretch;
   justify-self: center;
-  border-left-width: var(--salt-size-border-strong);
+  border-left-width: var(--salt-size-fixed-200);
   border-left-style: var(--salt-track-borderStyle-incomplete);
   border-left-color: var(--salt-track-borderColor);
 }
@@ -5250,4 +5266,4 @@ label.saltText small,
   color: var(--salt-status-error-foreground-informative);
 }
 
-/* src/167fea67-c86d-4a33-b30f-8f43a23012e1.css */
+/* src/d88b00e3-c3d1-4dc7-8745-7c39ccde27ab.css */