@salt-ds/core 1.47.1 → 1.47.2

package/css/salt-core.css

@@ -1,6 +1,6 @@
 /* src/accordion/Accordion.css */
 .saltAccordion {
-  border-top: var(--salt-size-fixed-100) 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-fixed-100) 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 */
@@ -287,7 +287,7 @@
   background: var(--saltBanner-background, var(--banner-background));
   border-color: var(--saltBanner-borderColor, var(--banner-borderColor));
   border-width: var(--saltBanner-borderWidth, var(--salt-size-fixed-100));
-  border-style: var(--saltBanner-borderStyle, var(--salt-container-borderStyle));
+  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;
@@ -740,7 +740,7 @@
 /* src/card/Card.css */
 .saltCard {
   border-width: var(--saltCard-borderWidth, var(--salt-size-fixed-100));
-  border-style: var(--salt-container-borderStyle);
+  border-style: var(--salt-borderStyle-solid);
   padding: var(--saltCard-padding, var(--salt-spacing-200));
   position: relative;
   box-shadow: var(--salt-overlayable-shadow);
@@ -923,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-fixed-100) 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);
@@ -1014,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-fixed-100) 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);
 }
@@ -1117,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-fixed-100) 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 */
@@ -1307,25 +1315,25 @@ a:focus .saltCard-interactable.saltCard-disabled {
   cursor: var(--salt-cursor-hover);
 }
 .saltDropdown-bordered.saltDropdown {
-  border: var(--salt-size-fixed-100) 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 {
@@ -1333,24 +1341,24 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-fixed-100) 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-fixed-200) 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,
@@ -1460,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-fixed-200) 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);
@@ -1473,20 +1481,20 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltFileDropZone-active {
   background: var(--salt-target-background-hover);
-  border: var(--salt-size-fixed-200) 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-fixed-200) 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-fixed-200) 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-fixed-200) var(--salt-target-borderStyle) var(--salt-container-primary-borderColor-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);
 }
@@ -1634,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 {
@@ -1732,25 +1745,25 @@ a:focus .saltCard-interactable.saltCard-disabled {
   cursor: var(--salt-cursor-text);
 }
 .saltInput-bordered.saltInput {
-  border: var(--salt-size-fixed-100) 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 {
@@ -1758,24 +1771,24 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-fixed-100) 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-fixed-200) 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,
@@ -1922,7 +1935,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 /* src/interactable-card/InteractableCard.css */
 .saltInteractableCard {
   border-width: var(--saltInteractableCard-borderWidth, var(--salt-size-fixed-100));
-  border-style: var(--saltInteractableCard-borderStyle, var(--salt-container-borderStyle));
+  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;
@@ -2134,7 +2147,7 @@ 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-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;
@@ -2223,7 +2236,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   max-height: inherit;
 }
 .saltListBox-bordered {
-  border: var(--salt-size-fixed-100) 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 {
@@ -2245,7 +2258,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   box-sizing: border-box;
 }
 .saltMenuGroup {
-  border-top: var(--salt-size-fixed-100) 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;
@@ -2295,7 +2308,6 @@ a:focus .saltCard-interactable.saltCard-disabled {
   z-index: var(--salt-zIndex-default);
   background: var(--salt-selectable-background-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);
@@ -2307,7 +2319,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 /* src/menu/MenuPanel.css */
 .saltMenuPanel {
   background: var(--salt-container-primary-background);
-  border: var(--salt-size-fixed-100) 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;
@@ -2354,25 +2366,25 @@ a:focus .saltCard-interactable.saltCard-disabled {
   cursor: var(--salt-cursor-text);
 }
 .saltMultilineInput-bordered.saltMultilineInput {
-  border: var(--salt-size-fixed-100) 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 {
@@ -2380,24 +2392,24 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-fixed-100) 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-fixed-200) 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,
@@ -2654,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;
 }
 
@@ -2717,7 +2729,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   box-sizing: border-box;
 }
 .saltOptionGroup {
-  border-top: var(--salt-size-fixed-100) 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;
@@ -2726,7 +2738,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
 /* src/option/OptionList.css */
 .saltOptionList {
   background: var(--salt-container-primary-background);
-  border: var(--salt-size-fixed-100) 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;
@@ -2784,7 +2796,7 @@ 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-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);
@@ -2818,12 +2830,12 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltOverlayPanelContent-overflow {
   padding-right: var(--salt-spacing-100);
-  border-top: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) transparent;
-  border-bottom: var(--salt-size-fixed-100) 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-fixed-100) 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 */
@@ -2901,7 +2913,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   cursor: var(--salt-cursor-readonly);
 }
 .saltPageButton[aria-current=page] {
-  border: var(--salt-size-fixed-100) 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 {
@@ -3074,29 +3086,25 @@ a:focus .saltCard-interactable.saltCard-disabled {
 }
 .saltPillInput-bordered.saltPillInput {
   --pillInput-borderWidth: var(--salt-size-fixed-100);
-  border: var(--pillInput-borderWidth) var(--salt-editable-borderStyle) var(--pillInput-borderColor);
+  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-size-fixed-200) - var(--pillInput-borderWidth));
-}
-.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 {
@@ -3104,24 +3112,24 @@ a:focus .saltCard-interactable.saltCard-disabled {
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-fixed-100) 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-fixed-200) 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,
@@ -3406,7 +3414,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   min-height: var(--radioButton-size);
   border-radius: 50%;
   position: relative;
-  border: var(--salt-size-fixed-100) 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%;
@@ -3780,7 +3788,7 @@ a:focus .saltCard-interactable.saltCard-disabled {
   cursor: var(--salt-cursor-disabled);
 }
 .saltSwitch-track {
-  border: var(--salt-size-fixed-100) 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;
@@ -3827,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-fixed-100) 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);
 }
@@ -3894,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-fixed-100) var(--salt-container-borderStyle) transparent;
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
 }
 .saltTag-bordered {
-  border: var(--salt-size-fixed-100) 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-fixed-100) 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);
@@ -4274,7 +4282,7 @@ label.saltText small,
   background: var(--saltToast-background, var(--toast-background));
   border-color: var(--saltToast-borderColor, var(--toast-borderColor));
   border-width: var(--saltToast-borderWidth, var(--salt-size-fixed-100));
-  border-style: var(--saltToast-borderStyle, var(--salt-container-borderStyle));
+  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);
@@ -4633,7 +4641,7 @@ label.saltText small,
   --toggleButtonGroup-borderWidth: var(--salt-size-fixed-100);
   display: flex;
   background: var(--salt-container-primary-background);
-  border: var(--toggleButtonGroup-borderWidth) 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);
@@ -4676,7 +4684,7 @@ label.saltText small,
   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-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));
@@ -4736,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,
@@ -4753,7 +4761,7 @@ 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 {
@@ -4857,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;
@@ -4957,7 +4965,7 @@ 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-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));
@@ -4993,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);
@@ -5088,7 +5096,7 @@ label.saltText small,
 }
 .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));
@@ -5163,24 +5171,24 @@ label.saltText small,
   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-fixed-200);
-  border-top-style: var(--salt-track-borderStyle-incomplete);
-  border-top-color: var(--salt-track-borderColor);
+  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-fixed-200);
-  border-left-style: var(--salt-track-borderStyle-incomplete);
-  border-left-color: var(--salt-track-borderColor);
+  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;
@@ -5211,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);
@@ -5266,4 +5274,4 @@ label.saltText small,
   color: var(--salt-status-error-foreground-informative);
 }
 
-/* src/d88b00e3-c3d1-4dc7-8745-7c39ccde27ab.css */
+/* src/9c3d7f2b-c1cf-4b41-9b02-e12081b9beb2.css */