@salt-ds/core 1.47.0 → 1.47.2

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-borderStyle-solid) 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-borderStyle-solid) 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,8 +286,8 @@
   --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-style: var(--saltBanner-borderStyle, var(--salt-container-borderStyle));
+  border-width: var(--saltBanner-borderWidth, var(--salt-size-fixed-100));
+  border-style: var(--saltBanner-borderStyle, var(--salt-borderStyle-solid));
   border-radius: var(--saltBanner-borderRadius, var(--salt-palette-corner, 0));
   box-sizing: border-box;
   display: inline-flex;
@@ -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,8 +739,8 @@
 
 /* src/card/Card.css */
 .saltCard {
-  border-width: var(--saltCard-borderWidth, var(--salt-size-border));
-  border-style: var(--salt-container-borderStyle);
+  border-width: var(--saltCard-borderWidth, var(--salt-size-fixed-100));
+  border-style: var(--salt-borderStyle-solid);
   padding: var(--saltCard-padding, var(--salt-spacing-200));
   position: relative;
   box-shadow: var(--salt-overlayable-shadow);
@@ -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-borderStyle-solid) var(--salt-selectable-borderColor);
   border-radius: var(--salt-palette-corner-weaker, 0);
   color: var(--salt-selectable-foreground);
   background: var(--salt-container-primary-background);
@@ -1011,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-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
   box-sizing: border-box;
   border-radius: var(--salt-palette-corner, 0);
 }
@@ -1114,20 +1117,28 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltDialogContent {
   color: var(--salt-content-primary-foreground);
   min-height: var(--salt-text-lineHeight);
-  overflow-y: auto;
   background: var(--salt-container-primary-background);
   margin-left: var(--salt-spacing-200);
   margin-right: var(--salt-spacing-300);
   padding-left: var(--salt-spacing-100);
   flex: 1 1 auto;
+  position: relative;
+  display: flex;
+}
+.saltDialogContent-inner {
+  overflow-y: auto;
+  border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
+  max-height: inherit;
 }
 .saltDialogContent-overflow {
   padding-right: var(--salt-spacing-100);
 }
-.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);
+.saltDialogContent-scrollTop.saltDialogContent-inner {
+  border-top-color: var(--salt-separable-tertiary-borderColor);
+}
+.saltDialogContent-scrollBottom.saltDialogContent-inner {
+  border-bottom-color: var(--salt-separable-tertiary-borderColor);
 }
 
 /* src/dialog/DialogHeader.css */
@@ -1192,10 +1203,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;
 }
 
@@ -1285,9 +1296,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;
@@ -1302,29 +1311,29 @@ 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-borderStyle-solid) var(--dropdown-borderColor);
 }
 .saltDropdown-bordered.saltDropdown:hover {
-  border-style: var(--salt-editable-borderStyle-hover);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--dropdown-borderColor-hover);
 }
 .saltDropdown-bordered.saltDropdown:focus,
 .saltDropdown-bordered.saltDropdown:focus:hover {
-  border-style: var(--salt-editable-borderStyle-active);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--dropdown-borderColor-active);
 }
 .saltDropdown-bordered.saltDropdown[aria-readonly=true],
 .saltDropdown-bordered.saltDropdown[aria-readonly=true]:hover {
-  border-style: var(--salt-editable-borderStyle-readonly);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-readonly);
 }
 .saltDropdown-bordered.saltDropdown-disabled,
 .saltDropdown-bordered.saltDropdown-disabled:hover {
-  border-style: var(--salt-editable-borderStyle-disabled);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-disabled);
 }
 .saltDropdown-activationIndicator {
@@ -1332,24 +1341,24 @@ 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-borderStyle-solid) var(--dropdown-borderColor);
 }
 .saltDropdown:hover .saltDropdown-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-hover);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--dropdown-borderColor-hover);
 }
 .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-borderStyle-solid) var(--dropdown-borderColor-active);
 }
 .saltDropdown[aria-readonly=true] .saltDropdown-activationIndicator,
 .saltDropdown[aria-readonly=true]:hover .saltDropdown-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-readonly);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-readonly);
 }
 .saltDropdown-disabled .saltDropdown-activationIndicator,
 .saltDropdown-disabled:hover .saltDropdown-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-disabled);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-disabled);
 }
 .saltDropdown-bordered .saltDropdown-activationIndicator,
@@ -1358,9 +1367,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);
@@ -1372,6 +1382,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);
@@ -1383,6 +1394,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);
@@ -1393,6 +1405,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);
@@ -1403,6 +1416,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);
@@ -1415,17 +1429,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 {
@@ -1454,7 +1468,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-borderStyle-dashed) var(--salt-container-primary-borderColor));
   border-radius: var(--saltFileDropZone-borderRadius, var(--salt-palette-corner, 0));
   flex-direction: column;
   padding: var(--salt-spacing-200);
@@ -1467,21 +1481,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-borderStyle-solid) 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-borderStyle-dashed) 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-borderStyle-dashed) 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-borderStyle-dashed) var(--salt-container-primary-borderColor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--salt-content-primary-foreground-disabled);
 }
 
@@ -1512,7 +1526,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);
@@ -1628,6 +1642,11 @@ a:focus .saltCard-interactable.saltCard-disabled {
   --saltCheckbox-outline: none;
   --saltRadioButton-outline: none;
 }
+@supports selector(:has(*)) {
+  .saltFormField:not(:has(.saltFormFieldLabel)) {
+    grid-template-areas: "controls";
+  }
+}
 
 /* src/form-field/FormFieldHelperText.css */
 .saltFormFieldHelperText {
@@ -1723,28 +1742,28 @@ 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-borderStyle-solid) var(--input-borderColor);
 }
 .saltInput-bordered.saltInput:hover {
-  border-style: var(--salt-editable-borderStyle-hover);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--input-borderColor-hover);
 }
 .saltInput-bordered.saltInput-focused,
 .saltInput-bordered.saltInput-focused:hover {
-  border-style: var(--salt-editable-borderStyle-active);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--input-borderColor-active);
 }
 .saltInput-bordered.saltInput-readOnly,
 .saltInput-bordered.saltInput-readOnly:hover {
-  border-style: var(--salt-editable-borderStyle-readonly);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-readonly);
 }
 .saltInput-bordered.saltInput-disabled,
 .saltInput-bordered.saltInput-disabled:hover {
-  border-style: var(--salt-editable-borderStyle-disabled);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-disabled);
 }
 .saltInput-activationIndicator {
@@ -1752,24 +1771,24 @@ 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-borderStyle-solid) var(--input-borderColor);
 }
 .saltInput:hover .saltInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-hover);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--input-borderColor-hover);
 }
 .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-borderStyle-solid) var(--input-borderColor-active);
 }
 .saltInput-readOnly .saltInput-activationIndicator,
 .saltInput-readOnly:hover .saltInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-readonly);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-readonly);
 }
 .saltInput-disabled .saltInput-activationIndicator,
 .saltInput-disabled:hover .saltInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-disabled);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-disabled);
 }
 .saltInput-bordered .saltInput-activationIndicator,
@@ -1778,7 +1797,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);
@@ -1835,17 +1854,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 {
@@ -1877,7 +1896,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);
 }
@@ -1915,8 +1934,8 @@ a:focus .saltCard-interactable.saltCard-disabled {
 
 /* src/interactable-card/InteractableCard.css */
 .saltInteractableCard {
-  border-width: var(--saltInteractableCard-borderWidth, var(--salt-size-border));
-  border-style: var(--saltInteractableCard-borderStyle, var(--salt-container-borderStyle));
+  border-width: var(--saltInteractableCard-borderWidth, var(--salt-size-fixed-100));
+  border-style: var(--saltInteractableCard-borderStyle, var(--salt-borderStyle-solid));
   border-radius: var(--saltInteractableCard-borderRadius, var(--salt-palette-corner, 0));
   box-shadow: var(--salt-overlayable-shadow);
   display: block;
@@ -1945,31 +1964,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);
@@ -1979,19 +1998,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);
 }
@@ -2000,7 +2019,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);
 }
@@ -2128,8 +2147,8 @@ a:focus .saltCard-interactable.saltCard-disabled {
 /* src/link-card/LinkCard.css */
 .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-style: var(--saltLinkCard-borderStyle, var(--salt-borderStyle-solid));
+  border-width: var(--saltLinkCard-borderWidth, var(--salt-size-fixed-100));
   box-shadow: var(--salt-overlayable-shadow);
   display: block;
   overflow: hidden;
@@ -2157,31 +2176,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);
@@ -2191,13 +2210,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);
 }
@@ -2206,7 +2225,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;
@@ -2217,7 +2236,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-borderStyle-solid) var(--salt-container-primary-borderColor);
   border-radius: var(--salt-palette-corner, 0);
 }
 .saltListBox:focus-visible {
@@ -2239,7 +2258,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-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
 }
 .saltMenuGroup:first-of-type {
   border-top: 0;
@@ -2259,13 +2278,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;
@@ -2276,20 +2295,19 @@ 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);
 }
 .saltMenuItem .saltIcon:not(.saltCheckboxIcon-icon) {
   min-height: var(--salt-text-lineHeight);
@@ -2301,7 +2319,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-borderStyle-solid) var(--salt-selectable-borderColor-selected);
   overflow: hidden;
   overflow-y: auto;
   min-width: 10em;
@@ -2314,7 +2332,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;
 }
@@ -2345,28 +2363,28 @@ 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-borderStyle-solid) var(--multilineInput-borderColor);
 }
 .saltMultilineInput-bordered.saltMultilineInput:hover {
-  border-style: var(--salt-editable-borderStyle-hover);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--multilineInput-borderColor-hover);
 }
 .saltMultilineInput-bordered.saltMultilineInput-focused,
 .saltMultilineInput-bordered.saltMultilineInput-focused:hover {
-  border-style: var(--salt-editable-borderStyle-active);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--multilineInput-borderColor-active);
 }
 .saltMultilineInput-bordered.saltMultilineInput-readOnly,
 .saltMultilineInput-bordered.saltMultilineInput-readOnly:hover {
-  border-style: var(--salt-editable-borderStyle-readonly);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-readonly);
 }
 .saltMultilineInput-bordered.saltMultilineInput-disabled,
 .saltMultilineInput-bordered.saltMultilineInput-disabled:hover {
-  border-style: var(--salt-editable-borderStyle-disabled);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-disabled);
 }
 .saltMultilineInput-activationIndicator {
@@ -2374,24 +2392,24 @@ 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-borderStyle-solid) var(--multilineInput-borderColor);
 }
 .saltMultilineInput:hover .saltMultilineInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-hover);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--multilineInput-borderColor-hover);
 }
 .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-borderStyle-solid) var(--multilineInput-borderColor-active);
 }
 .saltMultilineInput-readOnly .saltMultilineInput-activationIndicator,
 .saltMultilineInput-readOnly:hover .saltMultilineInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-readonly);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-readonly);
 }
 .saltMultilineInput-disabled .saltMultilineInput-activationIndicator,
 .saltMultilineInput-disabled:hover .saltMultilineInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-disabled);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-disabled);
 }
 .saltMultilineInput-bordered .saltMultilineInput-activationIndicator,
@@ -2400,7 +2418,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);
@@ -2457,17 +2475,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 {
@@ -2512,7 +2530,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);
 }
@@ -2564,7 +2582,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;
 }
@@ -2648,7 +2666,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 .saltNavigationItem-active::after,
 .saltNavigationItem-active:hover::after,
 .saltNavigationItem-active:focus::after {
-  background: var(--salt-navigable-indicator-active);
+  background: var(--salt-navigable-accent-indicator-active);
   transition: background var(--salt-duration-perceptible) ease-in-out;
 }
 
@@ -2666,7 +2684,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;
 }
@@ -2675,7 +2693,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);
@@ -2684,13 +2702,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);
@@ -2711,7 +2729,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-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
 }
 .saltOptionGroup:first-of-type {
   border-top: 0;
@@ -2720,7 +2738,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-borderStyle-solid) var(--salt-selectable-borderColor-selected);
   border-radius: var(--salt-palette-corner, 0);
   overflow: hidden;
   overflow-y: auto;
@@ -2732,7 +2750,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;
 }
@@ -2778,8 +2796,8 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-weight: var(--saltOverlay-fontWeight, var(--salt-text-fontWeight));
   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-style: var(--saltOverlay-borderStyle, var(--salt-borderStyle-solid));
+  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));
@@ -2812,12 +2830,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-borderStyle-solid) transparent;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) 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-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
 }
 
 /* src/pagination/CompactInput.css */
@@ -2876,7 +2894,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   font-family: var(--salt-text-fontFamily);
   line-height: var(--salt-text-lineHeight);
   letter-spacing: var(--salt-text-letterSpacing);
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   border-radius: var(--salt-palette-corner-weak, 0);
 }
 .saltPageButton:hover,
@@ -2892,10 +2910,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);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltPageButton[aria-current=page] {
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle) var(--salt-selectable-borderColor);
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor);
   background: var(--salt-selectable-background-selected);
 }
 .saltPageButton-fixed {
@@ -2979,19 +2997,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);
@@ -3005,7 +3024,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 {
@@ -3032,7 +3051,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 */
@@ -3063,32 +3082,29 @@ 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-borderStyle-solid) var(--pillInput-borderColor);
 }
 .saltPillInput-bordered.saltPillInput:hover {
-  border-style: var(--salt-editable-borderStyle-hover);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--pillInput-borderColor-hover);
 }
 .saltPillInput-bordered.saltPillInput-focused,
-.saltPillInput-bordered:active {
-  --pillInput-borderWidth: calc(var(--salt-editable-borderWidth-active) - var(--salt-size-border));
-}
-.saltPillInput-bordered.saltPillInput-focused,
 .saltPillInput-bordered.saltPillInput-focused:hover {
-  border-style: var(--salt-editable-borderStyle-active);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--pillInput-borderColor-active);
 }
 .saltPillInput-bordered.saltPillInput-readOnly,
 .saltPillInput-bordered.saltPillInput-readOnly:hover {
-  border-style: var(--salt-editable-borderStyle-readonly);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-readonly);
 }
 .saltPillInput-bordered.saltPillInput-disabled,
 .saltPillInput-bordered.saltPillInput-disabled:hover {
-  border-style: var(--salt-editable-borderStyle-disabled);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-disabled);
 }
 .saltPillInput-activationIndicator {
@@ -3096,24 +3112,24 @@ 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-borderStyle-solid) var(--pillInput-borderColor);
 }
 .saltPillInput:hover .saltPillInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-hover);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--pillInput-borderColor-hover);
 }
 .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-borderStyle-solid) var(--pillInput-borderColor-active);
 }
 .saltPillInput-readOnly .saltPillInput-activationIndicator,
 .saltPillInput-readOnly:hover .saltPillInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-readonly);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-readonly);
 }
 .saltPillInput-disabled .saltPillInput-activationIndicator,
 .saltPillInput-disabled:hover .saltPillInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-disabled);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-disabled);
 }
 .saltPillInput-bordered .saltPillInput-activationIndicator,
@@ -3122,7 +3138,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);
@@ -3181,17 +3197,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 {
@@ -3231,7 +3247,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);
 }
@@ -3248,10 +3264,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;
@@ -3309,7 +3325,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);
@@ -3319,11 +3335,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;
@@ -3398,7 +3414,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-borderStyle-solid) var(--salt-selectable-borderColor);
   color: var(--salt-selectable-foreground);
   background: var(--salt-container-primary-background);
   --saltIcon-size: 100%;
@@ -3481,25 +3497,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;
@@ -3577,7 +3593,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);
 }
@@ -3605,7 +3621,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;
@@ -3760,7 +3776,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);
@@ -3769,16 +3785,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-borderStyle-solid) 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);
@@ -3819,7 +3835,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-borderStyle-solid) var(--salt-selectable-borderColor);
   box-sizing: border-box;
   border-radius: var(--salt-palette-corner-weaker, 0);
 }
@@ -3848,7 +3864,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,
@@ -3886,15 +3902,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-borderStyle-solid) 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-borderStyle-solid) 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-borderStyle-solid) transparent;
 }
 .saltTag-category-1 {
   --tag-primary-background: var(--salt-category-1-subtle-background);
@@ -4265,8 +4281,8 @@ 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-style: var(--saltToast-borderStyle, var(--salt-container-borderStyle));
+  border-width: var(--saltToast-borderWidth, var(--salt-size-fixed-100));
+  border-style: var(--saltToast-borderStyle, var(--salt-borderStyle-solid));
   border-radius: var(--saltToast-borderRadius, var(--salt-palette-corner, 0));
   box-sizing: border-box;
   box-shadow: var(--salt-overlayable-shadow-popout);
@@ -4312,12 +4328,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);
@@ -4332,7 +4349,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;
@@ -4361,13 +4378,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],
@@ -4379,7 +4396,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,
@@ -4621,24 +4638,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-borderStyle-solid) 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);
@@ -4659,14 +4677,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-style: var(--saltTooltip-borderStyle, var(--salt-borderStyle-solid));
+  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));
@@ -4674,7 +4693,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);
@@ -4725,11 +4744,11 @@ label.saltText small,
 .saltCircularProgress-track {
   inline-size: calc(var(--salt-size-base) * 3);
   block-size: calc(var(--salt-size-base) * 3);
-  outline-style: var(--salt-track-borderStyle);
+  outline-style: var(--salt-borderStyle-solid);
   outline-width: var(--salt-size-bar);
   outline-offset: calc(var(--salt-size-bar) * -1.5);
   border-radius: calc(var(--salt-size-base) * 3);
-  outline-color: var(--salt-track-borderColor);
+  outline-color: var(--salt-sentiment-neutral-track);
   box-sizing: border-box;
 }
 .saltCircularProgress-bar,
@@ -4742,12 +4761,12 @@ label.saltText small,
 }
 .saltCircularProgress-bar {
   border-color: var(--salt-accent-background);
-  border-style: var(--salt-track-borderStyle);
+  border-style: var(--salt-borderStyle-solid);
   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 {
@@ -4800,7 +4819,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 {
@@ -4836,9 +4855,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%;
@@ -4846,7 +4865,7 @@ label.saltText small,
   z-index: calc(var(--salt-zIndex-default) * 2);
 }
 .saltLinearProgress-track {
-  background: var(--salt-track-borderColor);
+  background: var(--salt-sentiment-neutral-track);
   width: 100%;
   height: var(--salt-size-bar);
   position: absolute;
@@ -4886,18 +4905,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 {
@@ -4908,12 +4928,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;
@@ -4945,8 +4965,8 @@ label.saltText small,
 .saltSliderTooltip {
   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-style: var(--saltTooltip-borderStyle, var(--salt-borderStyle-solid));
+  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%;
@@ -4972,7 +4992,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 {
@@ -4981,7 +5001,7 @@ label.saltText small,
 
 /* src/slider/internal/SliderTrack.css */
 .saltSliderTrack {
-  --slider-track-background: var(--salt-track-borderColor);
+  --slider-track-background: var(--salt-sentiment-neutral-track);
   --slider-track-fill: var(--salt-accent-borderColor);
   --slider-progressPercentage: 0%;
   --slider-tick-height: calc((var(--salt-size-selectable) - var(--salt-size-bar)) / 2);
@@ -4995,7 +5015,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;
@@ -5006,7 +5026,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);
@@ -5015,7 +5035,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;
@@ -5037,7 +5057,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;
@@ -5046,25 +5066,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 {
@@ -5072,11 +5092,11 @@ 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);
-  --slider-track-background: var(--salt-track-borderColor-disabled);
+  --slider-track-background: var(--salt-sentiment-neutral-track-disabled);
 }
 .saltSliderTrack-ticks {
   top: calc(var(--salt-size-bar) + var(--slider-tick-height));
@@ -5088,7 +5108,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;
@@ -5150,25 +5170,25 @@ 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-style: var(--salt-track-borderStyle-incomplete);
-  border-top-color: var(--salt-track-borderColor);
+  border-top-width: var(--salt-size-fixed-200);
+  border-top-style: var(--salt-borderStyle-dotted);
+  border-top-color: var(--salt-sentiment-neutral-track);
 }
 .saltStepper-horizontal .saltStep-stage-completed > .saltStepConnector,
 .saltStepper-horizontal .saltStep-stage-inprogress > .saltStepConnector {
-  border-top-style: var(--salt-track-borderStyle-complete);
+  border-top-style: var(--salt-borderStyle-solid);
 }
 .saltStepper-vertical .saltStepConnector {
   min-height: var(--salt-size-base);
   align-self: stretch;
   justify-self: center;
-  border-left-width: var(--salt-size-border-strong);
-  border-left-style: var(--salt-track-borderStyle-incomplete);
-  border-left-color: var(--salt-track-borderColor);
+  border-left-width: var(--salt-size-fixed-200);
+  border-left-style: var(--salt-borderStyle-dotted);
+  border-left-color: var(--salt-sentiment-neutral-track);
 }
 .saltStepper-vertical .saltStep-stage-completed > .saltStepConnector,
 .saltStepper-vertical .saltStep-stage-inprogress > .saltStepConnector {
-  border-left-style: var(--salt-track-borderStyle-complete);
+  border-left-style: var(--salt-borderStyle-solid);
 }
 .saltStep-depth-0.saltStep:not(.saltStep-expanded):last-child > .saltStepConnector {
   opacity: 0;
@@ -5199,10 +5219,10 @@ label.saltText small,
   height: var(--salt-size-base);
 }
 .saltStep-stage-pending > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-static-foreground);
+  --saltIcon-color: var(--salt-content-secondary-foreground);
 }
 .saltStep-stage-locked > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-static-foreground);
+  --saltIcon-color: var(--salt-content-secondary-foreground);
 }
 .saltStep-stage-inprogress > .saltStepIcon {
   --saltIcon-color: var(--salt-status-info-foreground-decorative);
@@ -5254,4 +5274,4 @@ label.saltText small,
   color: var(--salt-status-error-foreground-informative);
 }
 
-/* src/54777b0d-1abe-491d-990e-59e0c5f969c0.css */
+/* src/9c3d7f2b-c1cf-4b41-9b02-e12081b9beb2.css */