npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.70 → 1.0.0-alpha.72 - Mend

@salt-ds/lab 1.0.0-alpha.70 → 1.0.0-alpha.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (861) hide show

package/css/salt-lab.css CHANGED Viewed

@@ -24,7 +24,7 @@
 .saltAppHeader {
   align-items: flex-start;
   background: var(--appHeader-background);
-  border-bottom: var(--salt-separable-borderStyle) var(--salt-size-border) var(--salt-separable-primary-borderColor);
+  border-bottom: var(--salt-borderStyle-solid) var(--salt-size-fixed-100) var(--salt-separable-primary-borderColor);
   box-shadow: var(--appHeader-shadow);
   box-sizing: content-box;
   display: flex;
@@ -53,7 +53,7 @@
 .saltAppHeader-navMenu::after {
   top: 0;
   right: 0;
-  width: var(--salt-size-border);
+  width: var(--salt-size-fixed-100);
   bottom: 0;
   content: "";
   position: absolute;
@@ -241,12 +241,12 @@
 /* src/calendar/CalendarWeekHeader.css */
 .saltCalendarWeekHeader {
   display: grid;
-  gap: var(--salt-size-border);
+  gap: var(--salt-spacing-fixed-100);
   grid-template-columns: repeat(7, var(--salt-size-base));
   text-align: center;
   align-items: center;
   height: var(--salt-size-base);
-  margin: var(--salt-size-border);
+  margin: var(--salt-spacing-fixed-100);
 }
 .saltCalendarWeekHeader-dayOfWeek {
   width: var(--salt-size-base);
@@ -257,125 +257,6 @@
   line-height: var(--salt-text-lineHeight);
 }
-/* src/carousel/Carousel.css */
-.saltCarousel {
-  display: grid;
-  grid-row-gap: var(--salt-spacing-100);
-  grid-template-areas: "controls" "slider";
-  grid-template-rows: auto 1fr;
-}
-.saltCarousel.saltCarousel-bottom {
-  grid-template-areas: "slider" "controls";
-  grid-template-rows: 1fr auto;
-}
-/* src/carousel/CarouselControls.css */
-.saltCarouselControls {
-  display: flex;
-  gap: var(--salt-spacing-100);
-  align-items: center;
-  grid-area: controls;
-}
-.saltCarouselControls-container {
-  display: flex;
-  flex-flow: wrap;
-  align-items: center;
-  gap: var(--salt-spacing-100);
-  justify-content: space-between;
-}
-.saltCarouselControls-container:last-child {
-  margin-left: auto;
-}
-.saltCarouselControls-container h2 {
-  margin: 0;
-}
-.saltCarouselControls-sr-only {
-  display: none;
-}
-.saltCarouselControls:focus-within .saltCarouselControls-sr-only {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  transform: translate(-100%, -100%);
-}
-/* src/carousel/CarouselSlide.css */
-.saltCarouselSlide {
-  scroll-snap-align: start;
-  display: flex;
-  flex-direction: column;
-  flex: 0 0 auto;
-  box-sizing: border-box;
-  width: var(--carousel-slide-width, 100%);
-  gap: var(--salt-spacing-200);
-}
-.saltCarouselSlide:focus-visible {
-  outline: var(--salt-focused-outline);
-  outline-offset: calc(0px - var(--salt-focused-outlineWidth));
-}
-.saltCarouselSlide-actions {
-  display: none;
-}
-.saltCarouselSlide-sr-only {
-  position: fixed;
-  top: 0;
-  left: 0;
-  transform: translate(-100%, -100%);
-}
-.saltCarouselSlide-actions.saltCarouselSlide-visible {
-  display: flex;
-}
-.saltCarouselSlide-container {
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  gap: var(--salt-spacing-200);
-  padding-left: var(--salt-spacing-25);
-  padding-bottom: var(--salt-spacing-25);
-  flex-grow: 1;
-}
-.saltCarouselSlide-content {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  gap: var(--salt-spacing-100);
-}
-.saltCarouselSlide-card {
-  padding: var(--salt-spacing-200);
-  padding-top: 0;
-}
-.saltCarouselSlide-content h2,
-.saltCarouselSlide-content h3 {
-  margin: 0;
-}
-.saltCarouselSlide-bordered {
-  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
-  border-radius: var(--salt-palette-corner, 0);
-  overflow: hidden;
-}
-/* src/carousel/CarouselSlider.css */
-.saltCarouselSlider {
-  display: flex;
-  scroll-snap-type: x mandatory;
-  overflow-x: auto;
-  scroll-behavior: smooth;
-  width: 100%;
-  gap: var(--salt-spacing-100);
-  grid-area: slider;
-}
-@supports (scrollbar-width: none) {
-  .saltCarouselSlider {
-    scrollbar-width: none;
-  }
-}
-@supports not (scrollbar-width: none) {
-  .saltCarouselSlider::-webkit-scrollbar {
-    display: none;
-  }
-}
 /* src/cascading-menu/CascadingMenuItem.css */
 .saltCascadingMenuItem {
   background: var(--salt-selectable-background);
@@ -383,12 +264,15 @@
   align-items: center;
   justify-content: space-between;
   right: 0;
-  cursor: pointer;
+  cursor: var(--salt-cursor-hover);
   overflow: hidden;
   text-align: left;
   user-select: none;
   white-space: nowrap;
   text-overflow: ellipsis;
+  border-top: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) transparent;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-selectable-borderStyle-selected) transparent;
+  box-sizing: border-box;
 }
 .saltCascadingMenuItem-menuItemText {
   flex-grow: 2;
@@ -405,13 +289,15 @@
   visibility: hidden;
 }
 .saltCascadingMenuItem.saltCascadingMenuItem-menuItemDivider {
-  border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-secondary-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
 }
 .saltCascadingMenuItem-menuItemHover:hover {
   background: var(--salt-selectable-background-hover);
 }
 .saltCascadingMenuItem.saltCascadingMenuItem-menuItemBlurSelected {
-  background: var(--salt-selectable-background-blurSelected) !important;
+  background: var(--salt-selectable-background-selected);
+  border-top-color: var(--salt-selectable-borderColor-selected);
+  border-bottom-color: var(--salt-selectable-borderColor-selected);
 }
 /* src/cascading-menu/CascadingMenuList.css */
@@ -435,7 +321,7 @@
 .saltColorChooser-overlayButtonSwatchTransparent {
   height: calc(var(--salt-size-container-spacing) - 2px) !important;
   width: calc(var(--salt-size-container-spacing) - 2px) !important;
-  border: 1px solid var(--salt-status-negative-foreground);
+  border: 1px solid var(--salt-sentiment-negative-foreground-decorative);
   background:
     linear-gradient(
       to top left,
@@ -467,7 +353,7 @@
   height: var(--salt-size-stackable);
 }
 .saltColorChooser-defaultButton {
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-editable-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
 }
 .saltColorChooser-overlayContent {
   max-width: 100%;
@@ -546,7 +432,7 @@
   width: 4px !important;
   height: calc(var(--salt-size-stackable) / 2 - 2px) !important;
   background: var(--salt-container-primary-background) !important;
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-editable-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
 }
 /* src/color-chooser/DictTabs.css */
@@ -570,20 +456,20 @@
 }
 .saltColorChooserHexInput-input {
   width: var(--salt-size-unit);
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-editable-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
 }
 /* src/color-chooser/RGBAInput.css */
 .saltColorChooser-rgbaInput {
   width: var(--salt-size-unit);
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-editable-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
   padding-top: var(--salt-size-unit);
 }
 .saltColorChooser-opacityInput {
   min-width: 40px !important;
   width: 40px !important;
   min-height: unset !important;
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-editable-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
 }
 .saltColorChooser-rgbaText {
   margin-top: 5px;
@@ -619,7 +505,7 @@
 .saltColorChooserSwatch-graySwatch {
   margin-bottom: 1px;
   margin-left: 1px;
-  cursor: pointer;
+  cursor: var(--salt-cursor-hover);
 }
 .salt-density-touch,
 .salt-density-low,
@@ -650,10 +536,10 @@
 .saltColorChooserSwatch-whiteSwatch {
   margin-bottom: 1px;
   margin-left: 1px;
-  cursor: pointer;
+  cursor: var(--salt-cursor-hover);
 }
 .salt-theme[data-mode=light] .saltColorChooserSwatch-whiteSwatch {
-  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);
 }
 .salt-theme[data-mode=light] .saltColorChooserSwatch-whiteSwatch,
 .salt-theme[data-mode=dark] .saltColorChooserSwatch-graySwatch {
@@ -669,17 +555,17 @@
   height: calc(var(--colorChooser-swatch-size-unit) - 2);
 }
 .salt-theme[data-mode=dark] .saltColorChooserSwatch-graySwatch {
-  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);
 }
 .saltColorChooserSwatch-active {
-  outline: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
-  border: var(--salt-focused-outlineWidth) var(--salt-container-borderStyle) var(--salt-actionable-cta-foreground-active) !important;
+  outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-primary-borderColor);
+  border: var(--salt-focused-outlineWidth) var(--salt-borderStyle-solid) var(--salt-actionable-cta-foreground-active) !important;
   margin-bottom: 1px;
   margin-left: 1px;
-  cursor: pointer;
+  cursor: var(--salt-cursor-active);
 }
 .saltColorChooserSwatch-transparent {
-  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-status-negative-foreground) !important;
+  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-sentiment-negative-foreground-decorative) !important;
   width: calc(var(--colorChooser-swatch-size-unit) - 2px) !important;
   height: calc(var(--colorChooser-swatch-size-unit) - 2px) !important;
   margin-bottom: 1px;
@@ -996,28 +882,28 @@
 }
 .saltDateInput:hover {
   background: var(--saltDateInput-background-hover, var(--input-background-hover));
-  cursor: var(--salt-editable-cursor-hover);
+  cursor: var(--salt-cursor-text);
 }
 .saltDateInput-bordered.saltDateInput {
-  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);
 }
 .saltDateInput-bordered.saltDateInput:hover {
-  border-style: var(--salt-editable-borderStyle-hover);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--input-borderColor-hover);
 }
 .saltDateInput-bordered.saltDateInput-focused,
 .saltDateInput-bordered.saltDateInput-focused:hover {
-  border-style: var(--salt-editable-borderStyle-active);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--input-borderColor-active);
 }
 .saltDateInput-bordered.saltDateInput-readOnly,
 .saltDateInput-bordered.saltDateInput-readOnly:hover {
-  border-style: var(--salt-editable-borderStyle-readonly);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-readonly);
 }
 .saltDateInput-bordered.saltDateInput-disabled,
 .saltDateInput-bordered.saltDateInput-disabled:hover {
-  border-style: var(--salt-editable-borderStyle-disabled);
+  border-style: var(--salt-borderStyle-solid);
   border-color: var(--salt-editable-borderColor-disabled);
 }
 .saltDateInput-activationIndicator {
@@ -1025,24 +911,24 @@
   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);
 }
 .saltDateInput:hover .saltDateInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-hover);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--input-borderColor-hover);
 }
 .saltDateInput-focused .saltDateInput-activationIndicator,
 .saltDateInput-focused:hover .saltDateInput-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);
 }
 .saltDateInput-readOnly .saltDateInput-activationIndicator,
 .saltDateInput-readOnly:hover .saltDateInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-readonly);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-readonly);
 }
 .saltDateInput-disabled .saltDateInput-activationIndicator,
 .saltDateInput-disabled:hover .saltDateInput-activationIndicator {
-  border-bottom-style: var(--salt-editable-borderStyle-disabled);
+  border-bottom-style: var(--salt-borderStyle-solid);
   border-bottom-color: var(--salt-editable-borderColor-disabled);
 }
 .saltDateInput-bordered .saltDateInput-activationIndicator,
@@ -1051,7 +937,7 @@
   border-bottom-width: 0;
 }
 .saltDateInput-bordered.saltDateInput-focused .saltDateInput-activationIndicator {
-  border-bottom-width: calc(var(--salt-size-border-strong) - var(--salt-size-border));
+  border-bottom-width: var(--salt-size-fixed-100);
 }
 .saltDateInput-primary {
   --input-background: var(--salt-editable-primary-background);
@@ -1108,17 +994,17 @@
 .saltDateInput-focused,
 .saltDateInput-focused:hover {
   background: var(--saltDateInput-background-active, var(--input-background-active));
-  cursor: var(--salt-editable-cursor-active);
+  cursor: var(--salt-cursor-text);
   outline: var(--saltDateInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));
 }
 .saltDateInput.saltDateInput-readOnly {
   background: var(--input-background-readonly);
-  cursor: var(--salt-editable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltDateInput-disabled,
 .saltDateInput-disabled:hover {
   background: var(--input-background-disabled);
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--saltDateInput-color-disabled, var(--salt-content-primary-foreground-disabled));
 }
 .saltDateInput-startAdornmentContainer {
@@ -1130,7 +1016,7 @@
 .saltDateInput-endAdornmentContainer {
   display: inline-flex;
   column-gap: var(--salt-spacing-50);
-  align-items: end;
+  align-items: flex-end;
 }
 .saltDateInput-endAdornmentContainer .saltButton ~ .saltButton {
   margin-left: calc(-1 * var(--salt-spacing-50));
@@ -1140,7 +1026,7 @@
 }
 .saltDateInput-startAdornmentContainer > .saltButton,
 .saltDateInput-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);
 }
@@ -1159,7 +1045,6 @@
   overflow: hidden;
   padding: 0;
   text-align: left;
-  width: min-content;
   width: 100%;
 }
 .saltDateInput-input:focus {
@@ -1212,7 +1097,7 @@
 /* src/date-picker/DatePickerOverlay.css */
 .saltDatePickerOverlay {
   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;
   position: relative;
@@ -1225,7 +1110,7 @@
 /* src/date-picker/DatePickerPanel.css */
 .saltDatePickerOverlay {
   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;
@@ -1418,8 +1303,8 @@
 }
 .saltFormFieldLegacy {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor);
-  --formFieldLegacy-activationIndicator-size: var(--salt-size-border);
-  --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
   --formFieldLegacy-background: var(--salt-editable-primary-background);
   --formFieldLegacy-focused-outlineColor: var(--salt-focused-outlineColor);
   --formFieldLegacy-helperText-height: 0px;
@@ -1443,18 +1328,18 @@
 }
 .saltFormFieldLegacy:hover {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-hover);
-  --formFieldLegacy-activationIndicator-size: var(--salt-size-border);
-  --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-hover);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-hover);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-hover);
 }
 .saltFormFieldLegacy-focused,
 .saltFormFieldLegacy-lowFocused,
 .saltFormFieldLegacy.saltFormFieldLegacy-focused:hover,
 .saltFormFieldLegacy.saltFormFieldLegacy-lowFocused:hover {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-active);
-  --formFieldLegacy-activationIndicator-size: var(--salt-editable-borderWidth-active);
-  --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-active);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-active);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-200);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-active);
 }
 .saltFormFieldLegacy-withHelperText {
   --formFieldLegacy-helperText-marginTop: var(--formFieldLegacy-helperText-marginTop-default);
@@ -1476,16 +1361,16 @@
 .saltFormFieldLegacy-disabled {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-disabled);
   --formFieldLegacy-activationIndicator-opacity: var(--salt-palette-opacity-disabled);
-  --formFieldLegacy-activationIndicator-size: var(--salt-size-border);
-  --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-disabled);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
   --formFieldLegacy-helperText-opacity: var(--salt-palette-opacity-disabled);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-disabled);
+  --saltInputLegacy-cursor: var(--salt-cursor-disabled);
 }
 .saltFormFieldLegacy.saltFormFieldLegacy-disabled:hover {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-disabled);
-  --formFieldLegacy-activationIndicator-size: var(--salt-size-border);
-  --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-disabled);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-disabled);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-disabled);
 }
 .saltFormFieldLegacy.saltFormFieldLegacy-warning {
   --formFieldLegacy-focused-outlineColor: var(--salt-status-warning-borderColor);
@@ -1557,13 +1442,13 @@
 }
 .saltFormFieldLegacy-readOnly {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-readonly);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-readonly);
+  --saltInputLegacy-cursor: var(--salt-cursor-readonly);
 }
 .saltFormFieldLegacy.saltFormFieldLegacy-readOnly:hover {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-readonly);
-  --formFieldLegacy-activationIndicator-size: var(--salt-size-border);
-  --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-readonly);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-readonly);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
+  --formFieldLegacy-activationIndicator-style: var(--salt-borderStyle-solid);
+  --saltInputLegacy-cursor: var(--salt-cursor-readonly);
 }
 .saltFormFieldLegacy:not(.saltFormFieldLegacy-withHelperText):not(.saltFormFieldLegacy-labelLeft).saltFormFieldLegacy-focused:before {
   content: " ";
@@ -1720,7 +1605,7 @@
 }
 .saltFormLabel-disabled {
   color: var(--saltFormFieldLegacy-label-text-color-disabled, var(--salt-content-secondary-foreground-disabled));
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltFormLabel-necessityIndicator {
   font-style: var(--saltFormFieldLegacy-label-necessityIndicator-fontStyle, var(--salt-editable-help-fontStyle));
@@ -1833,7 +1718,7 @@
   width: 100%;
 }
 .saltInputLegacy-disabled .saltInputLegacy-input {
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--saltInputLegacy-text-color-disabled, var(--salt-content-primary-foreground-disabled));
 }
 .saltInputLegacy-suffixContainer,
@@ -1988,8 +1873,8 @@
 /* src/list/List.css */
 .saltList {
   --list-background: var(--salt-container-primary-background);
-  --list-borderStyle: var(--salt-container-borderStyle);
-  --list-borderWidth: var(--salt-size-border);
+  --list-borderStyle: var(--salt-borderStyle-solid);
+  --list-borderWidth: var(--salt-size-fixed-100);
   --list-height: auto;
   --list-item-height: var(--salt-size-stackable);
   --list-item-gap: 0px;
@@ -2086,7 +1971,7 @@
 }
 .saltListItem {
   color: var(--list-item-text-color);
-  cursor: var(--saltList-item-cursor, pointer);
+  cursor: var(--saltList-item-cursor, var(--salt-cursor-hover));
   background: var(--saltList-item-background, var(--list-item-background));
   font-size: var(--salt-text-fontSize);
   text-align: var(--salt-text-textAlign);
@@ -2115,7 +2000,7 @@
 }
 .saltListItem.saltDisabled {
   --list-item-text-color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltListItem.saltFocusVisible {
   outline-style: var(--salt-focused-outlineStyle);
@@ -2145,11 +2030,11 @@
 .saltListDeprecated-wrapper {
   --list-background: var(--salt-container-primary-background);
   --list-borderColor: var(--salt-container-primary-borderColor);
-  --list-borderStyle: var(--salt-container-borderStyle);
-  --list-borderWidth: var(--salt-size-border);
+  --list-borderStyle: var(--salt-borderStyle-solid);
+  --list-borderWidth: var(--salt-size-fixed-100);
   --list-borderRadius: 0;
   --list-boxShadow: none;
-  --list-disabled-cursor: var(--salt-actionable-cursor-disabled);
+  --list-disabled-cursor: var(--salt-cursor-disabled);
 }
 .saltListDeprecated-wrapper {
   position: relative;
@@ -2194,7 +2079,7 @@
   --list-item-alignItems: center;
   --list-item-selectable-cursor: pointer;
   --list-item-cursor: default;
-  --list-item-disabled-cursor: var(--salt-selectable-cursor-disabled);
+  --list-item-disabled-cursor: var(--salt-cursor-disabled);
   --list-item-disabled-regular-opacity: var(--salt-palette-opacity-disabled);
 }
 .saltListItemDeprecated {
@@ -2271,8 +2156,8 @@
   position: relative;
   align-items: center;
   white-space: nowrap;
-  margin-top: var(--salt-size-border);
-  margin-bottom: var(--salt-size-border);
+  margin-top: var(--salt-size-fixed-100);
+  margin-bottom: var(--salt-size-fixed-100);
   border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) transparent;
 }
 .saltListItemNext-focused {
@@ -2280,22 +2165,22 @@
 }
 .saltListItemNext-highlighted:not([aria-disabled=true]) {
   --listNext-item-background: var(--salt-selectable-background-hover);
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
 }
 .saltListItemNext[aria-selected=true] {
-  outline: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-selectable-borderColor-selected);
+  outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
   --listNext-item-background: var(--salt-selectable-background-selected);
   --saltIcon-color: var(--salt-selectable-foreground-selected);
 }
 .saltListItemNext[aria-disabled=true] {
   --listNext-item-text-color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltListItemNext[aria-disabled=true] .saltText {
   color: var(--listNext-item-text-color);
 }
 .saltListItemNext[aria-disabled=true][aria-selected=true] {
-  outline: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-selectable-borderColor-selectedDisabled);
+  outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selectedDisabled);
   --listNext-item-background: var(--salt-selectable-background-selectedDisabled);
 }
@@ -2304,8 +2189,8 @@
   margin: 0;
   background: var(--salt-container-primary-background);
   border-color: var(--salt-container-primary-borderColor);
-  border-style: var(--salt-container-borderStyle);
-  border-width: var(--salt-size-border);
+  border-style: var(--salt-borderStyle-solid);
+  border-width: var(--salt-size-fixed-100);
   height: 100%;
   outline: none;
   overflow-y: auto;
@@ -2341,7 +2226,7 @@
 /* src/logo/LogoSeparator.css */
 .saltLogoSeparator {
   height: var(--salt-size-separator-height);
-  border-right: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-primary-borderColor);
+  border-right: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-primary-borderColor);
 }
 /* src/menu-button/MenuButton.css */
@@ -2405,16 +2290,16 @@
   margin-top: var(--metric-content-valueContainer-marginTop, 0px);
 }
 .saltMetric-direction-up .saltMetricContent-indicator {
-  fill: var(--salt-status-positive-foreground);
+  fill: var(--salt-sentiment-positive-foreground-decorative);
 }
 .saltMetric-direction-up .saltMetricContent-subvalue {
-  color: var(--salt-status-positive-foreground);
+  color: var(--salt-sentiment-positive-foreground-informative);
 }
 .saltMetric-direction-down .saltMetricContent-indicator {
-  fill: var(--salt-status-negative-foreground);
+  fill: var(--salt-sentiment-negative-foreground-decorative);
 }
 .saltMetric-direction-down .saltMetricContent-subvalue {
-  color: var(--salt-status-negative-foreground);
+  color: var(--salt-sentiment-negative-foreground-informative);
 }
 .saltMetricContent-subvalue {
   margin-top: var(--metric-content-subvalue-marginTop, 0px);
@@ -2467,36 +2352,44 @@
 /* src/number-input/NumberInput.css */
 .saltNumberInput {
-  --numberInput-border: none;
+  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
   --numberInput-borderColor: var(--salt-editable-borderColor);
-  --numberInput-borderStyle: var(--salt-editable-borderStyle);
+  --numberInput-borderStyle: var(--salt-borderStyle-solid);
   --numberInput-outlineColor: var(--salt-focused-outlineColor);
-  --numberInput-borderWidth: var(--salt-size-border);
+  --numberInput-borderWidth: var(--salt-size-fixed-100);
+  --numberInput-outline: none;
   align-items: center;
+  background: var(--numberInput-background);
+  border-radius: var(--salt-palette-corner-weak, 0);
+  box-sizing: border-box;
   color: var(--salt-content-primary-foreground);
   display: inline-flex;
   font-family: var(--salt-text-fontFamily);
   font-size: var(--salt-text-fontSize);
+  gap: var(--salt-spacing-50);
   height: var(--salt-size-base);
-  line-height: var(--salt-text-lineHeight);
   min-height: var(--salt-size-base);
   min-width: 4em;
+  overflow: hidden;
+  outline: var(--numberInput-outline);
+  padding-left: var(--salt-spacing-100);
+  padding-right: var(--salt-spacing-50);
+  padding-top: var(--salt-spacing-50);
+  padding-bottom: var(--salt-spacing-50);
+  position: relative;
   width: 100%;
-  box-sizing: border-box;
-  gap: var(--salt-spacing-50);
 }
 .saltNumberInput:hover {
-  --numberInput-borderStyle: var(--salt-editable-borderStyle-hover);
+  --numberInput-borderStyle: var(--salt-borderStyle-solid);
   --numberInput-borderColor: var(--salt-editable-borderColor-hover);
   background: var(--numberInput-background-hover);
-  cursor: var(--salt-editable-cursor-hover);
+  cursor: var(--salt-cursor-text);
 }
 .saltNumberInput:active {
   --numberInput-borderColor: var(--salt-editable-borderColor-active);
-  --numberInput-borderStyle: var(--salt-editable-borderStyle-active);
-  --numberInput-borderWidth: var(--salt-editable-borderWidth-active);
+  --numberInput-borderStyle: var(--salt-borderStyle-solid);
+  --numberInput-borderWidth: var(--salt-size-fixed-200);
   background: var(--numberInput-background-active);
-  cursor: var(--salt-editable-cursor-active);
 }
 .saltNumberInput-primary {
   --numberInput-background: var(--salt-editable-primary-background);
@@ -2539,20 +2432,6 @@
   --numberInput-outlineColor: var(--salt-status-success-borderColor);
   --numberInput-background-readonly: var(--salt-status-success-background);
 }
-.saltNumberInput-inputContainer {
-  display: flex;
-  background: var(--numberInput-background);
-  border-radius: var(--salt-palette-corner-weak, 0);
-  border: var(--numberInput-border);
-  box-sizing: border-box;
-  height: var(--salt-size-base);
-  min-height: var(--salt-size-base);
-  overflow: hidden;
-  padding-left: var(--salt-spacing-100);
-  padding-right: var(--salt-spacing-100);
-  position: relative;
-  flex-grow: 1;
-}
 .saltNumberInput-input {
   background: none;
   border: none;
@@ -2562,11 +2441,10 @@
   display: block;
   flex: 1;
   font: inherit;
-  height: 100%;
-  letter-spacing: var(--saltNumberInput-letterSpacing, 0);
+  letter-spacing: var(--salt-text-letterSpacing);
+  line-height: var(--salt-text-lineHeight);
   margin: 0;
   min-width: 0;
-  overflow: hidden;
   padding: 0;
   text-align: var(--numberInput-textAlign);
   width: 100%;
@@ -2583,22 +2461,42 @@
 }
 .saltNumberInput-focused {
   --numberInput-borderColor: var(--numberInput-outlineColor);
-  --numberInput-borderWidth: var(--salt-editable-borderWidth-active);
+  --numberInput-borderWidth: var(--salt-size-fixed-200);
   outline: var(--saltNumberInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--numberInput-outlineColor));
 }
-.saltNumberInput-readOnly {
+.saltNumberInput-bordered {
+  --numberInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
+  --numberInput-borderWidth: 0;
+  border: var(--numberInput-border);
+}
+.saltNumberInput-bordered.saltNumberInput-focused,
+.saltNumberInput-bordered:active {
+  --numberInput-borderWidth: var(--salt-size-fixed-200);
+}
+.saltNumberInput-bordered.saltNumberInput-readOnly,
+.saltNumberInput-bordered.saltNumberInput-disabled:hover {
+  --numberInput-borderWidth: 0;
+}
+.saltNumberInput-bordered.saltNumberInput-focused:hover {
+  --numberInput-borderColor: var(--salt-editable-borderColor-active);
+}
+.saltNumberInput-readOnly,
+.saltNumberInput-bordered.saltNumberInput-readOnly {
   --numberInput-borderColor: var(--salt-editable-borderColor-readonly);
-  --numberInput-borderStyle: var(--salt-editable-borderStyle-readonly);
-  --numberInput-borderWidth: var(--salt-size-border);
+  --numberInput-borderStyle: var(--salt-borderStyle-solid);
+  --numberInput-borderWidth: var(--salt-size-fixed-100);
   background: var(--numberInput-background-readonly);
-  cursor: var(--salt-editable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltNumberInput-focused.saltNumberInput-disabled {
-  --numberInput-borderWidth: var(--salt-size-border);
+  --numberInput-borderWidth: var(--salt-size-fixed-100);
   outline: none;
 }
 .saltNumberInput-focused.saltNumberInput-readOnly {
-  --numberInput-borderWidth: var(--salt-size-border);
+  --numberInput-borderWidth: var(--salt-size-fixed-100);
+}
+.saltNumberInput:hover.saltNumberInput-readOnly {
+  --numberInput-borderColor: var(--salt-editable-borderColor-readonly);
 }
 .saltNumberInput-disabled .saltNumberInput-input::selection {
   background: none;
@@ -2607,31 +2505,12 @@
 .saltNumberInput-disabled:hover,
 .saltNumberInput-disabled:active {
   --numberInput-borderColor: var(--salt-editable-borderColor-disabled);
-  --numberInput-borderStyle: var(--salt-editable-borderStyle-disabled);
-  --numberInput-borderWidth: var(--salt-size-border);
+  --numberInput-borderStyle: var(--salt-borderStyle-solid);
+  --numberInput-borderWidth: var(--salt-size-fixed-100);
   background: var(--numberInput-background-disabled);
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--saltNumberInput-color-disabled, var(--salt-content-primary-foreground-disabled));
 }
-.saltNumberInput-activationIndicator {
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  position: absolute;
-  border-bottom: var(--numberInput-borderWidth) var(--numberInput-borderStyle) var(--numberInput-borderColor);
-}
-.saltNumberInput-bordered {
-  --numberInput-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--numberInput-borderColor);
-  --numberInput-borderWidth: 0;
-}
-.saltNumberInput-bordered.saltNumberInput-focused,
-.saltNumberInput-bordered:active {
-  --numberInput-borderWidth: var(--salt-editable-borderWidth-active);
-}
-.saltNumberInput-bordered.saltNumberInput-readOnly,
-.saltNumberInput-bordered.saltNumberInput-disabled:hover {
-  --numberInput-borderWidth: 0;
-}
 .saltNumberInput-startAdornmentContainer {
   align-items: center;
   display: inline-flex;
@@ -2644,51 +2523,60 @@
   padding-left: var(--salt-spacing-100);
   column-gap: var(--salt-spacing-100);
 }
-.saltNumberInput-readOnly .saltNumberInput-startAdornmentContainer {
-  margin-left: var(--salt-spacing-50);
-}
-.saltNumberInput-startAdornmentContainer .saltButton ~ .saltButton {
-  margin-left: calc(-1 * var(--salt-spacing-50));
-}
-.saltNumberInput-endAdornmentContainer .saltButton ~ .saltButton {
-  margin-left: calc(-1 * var(--salt-spacing-50));
-}
-.saltNumberInput-startAdornmentContainer .saltButton:first-child {
+.saltNumberInput-startAdornmentContainer {
   margin-left: calc(var(--salt-spacing-50) * -1);
 }
-.saltNumberInput-endAdornmentContainer .saltButton:last-child {
-  margin-right: calc(var(--salt-spacing-50) * -1);
-}
 .saltNumberInput-startAdornmentContainer > .saltButton,
 .saltNumberInput-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);
 }
 .saltNumberInput-inputTextAlignLeft {
-  text-align: left;
+  --numberInput-textAlign: left;
 }
 .saltNumberInput-inputTextAlignCenter {
-  text-align: center;
+  --numberInput-textAlign: center;
 }
 .saltNumberInput-inputTextAlignRight {
-  text-align: right;
+  --numberInput-textAlign: right;
 }
 .saltNumberInput-buttonContainer {
-  --numberInput-buttonGap: var(--salt-size-border-strong);
+  --numberInput-buttonGap: var(--salt-spacing-fixed-200);
   display: flex;
   flex-direction: column;
   gap: var(--numberInput-buttonGap);
+  justify-content: center;
+}
+.saltNumberInput-hiddenButtons .saltNumberInput-buttonContainer {
+  display: none;
 }
 .saltNumberInput-numberButton {
-  --saltButton-height: calc((var(--salt-size-base) - var(--numberInput-buttonGap)) * 0.5);
-  --saltButton-width: var(--salt-size-base);
+  --saltButton-height: calc((var(--salt-size-base) - (var(--salt-spacing-50) * 2) - var(--salt-size-fixed-200)) / 2);
+  --saltButton-padding: calc(var(--salt-spacing-50) - var(--button-borderWidth));
 }
 .saltNumberInput-numberButtonIncrement {
-  --saltButton-borderRadius: var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0) 0 0;
+  --saltButton-borderRadius: var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0) 0 0;
 }
 .saltNumberInput-numberButtonDecrement {
-  --saltButton-borderRadius: 0 0 var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0);
+  --saltButton-borderRadius: 0 0 var(--salt-palette-corner-weaker, 0) var(--salt-palette-corner-weaker, 0);
+}
+.saltNumberInput-activationIndicator {
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--numberInput-borderColor);
+}
+.saltNumberInput-focused .saltNumberInput-activationIndicator {
+  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--salt-editable-borderColor-active);
+}
+.saltNumberInput-bordered.saltNumberInput-focused .saltNumberInput-activationIndicator {
+  border-bottom-width: var(--salt-size-fixed-100);
+}
+.saltNumberInput-bordered .saltNumberInput-activationIndicator,
+.saltNumberInput-readOnly.saltNumberInput-focused .saltNumberInput-activationIndicator {
+  border-bottom-width: 0;
 }
 /* src/query-input/QueryInput.css */
@@ -2759,7 +2647,7 @@
   flex-direction: row;
   align-items: center;
   border-bottom: solid 1px var(--salt-separable-secondary-borderColor);
-  cursor: pointer;
+  cursor: var(--salt-cursor-hover);
 }
 .saltQueryInputValueList-back .saltIcon {
   margin-right: var(--salt-size-unit);
@@ -2824,8 +2712,8 @@
 .saltSystemStatus {
   background: var(--saltSystemStatus-background, var(--systemStatus-background));
   border-color: var(--saltSystemStatus-borderColor, var(--systemStatus-borderColor));
-  border-width: var(--saltSystemStatus-borderWidth, var(--salt-size-border));
-  border-style: var(--saltSystemStatus-borderStyle, var(--salt-container-borderStyle));
+  border-width: var(--saltSystemStatus-borderWidth, var(--salt-size-fixed-100));
+  border-style: var(--saltSystemStatus-borderStyle, var(--salt-borderStyle-solid));
   box-sizing: border-box;
   display: flex;
   gap: var(--salt-spacing-75);
@@ -2909,7 +2797,7 @@
 }
 .saltTab[aria-selected=true] {
   color: var(--salt-content-primary-foreground);
-  font-weight: var(--salt-navigable-fontWeight-active);
+  font-weight: var(--salt-text-fontWeight-strong);
 }
 .saltTab-dragAway {
   display: none;
@@ -2956,7 +2844,7 @@
   content: attr(data-text);
   display: block;
   visibility: hidden;
-  font-weight: var(--salt-navigable-fontWeight-active);
+  font-weight: var(--salt-text-fontWeight-strong);
 }
 .saltTab-editing:after {
   content: "";
@@ -3027,7 +2915,7 @@
   inset: var(--saltTabs-activationIndicator-thumb-inset);
   position: absolute;
   height: var(--tabs-activationIndicator-thumb-height, auto);
-  background: var(--salt-navigable-indicator-active);
+  background: var(--salt-navigable-accent-indicator-active);
   transition: var(--saltTabs-activationIndicator-transition, var(--tabs-activationIndicator-transition, left 0.3s ease));
   width: var(--tabs-activationIndicator-thumb-width, auto);
   z-index: 1;
@@ -3130,7 +3018,7 @@
   --tabs-tab-before-height: var(--tabs-activationIndicator-thumb-height);
   --tabs-tab-before-inset: var(--tabs-activationIndicator-inset);
   --tabs-tab-before-width: var(--tabs-activationIndicator-thumb-width);
-  --tabs-tab-cursor: var(--salt-draggable-grab-cursor-active);
+  --tabs-tab-cursor: var(--salt-cursor-grab-active);
   --tabs-tab-position: static;
   font-size: 12px;
 }
@@ -3145,7 +3033,7 @@
   --tabs-activationIndicator-thumb-width: 2px;
 }
 .saltDraggable[class*=tabstrip] .saltTab[aria-selected=true]:before {
-  --tabs-tab-before-background: var(--salt-navigable-indicator-active);
+  --tabs-tab-before-background: var(--salt-navigable-accent-indicator-active);
 }
 .saltDraggable[class*=tabstrip] .saltTab {
   box-shadow: var(--salt-overlayable-shadow-drag);
@@ -3191,8 +3079,8 @@
   content: "";
   position: absolute;
   inset: auto 0 0 0;
-  height: var(--salt-size-border);
-  border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-secondary-borderColor);
+  height: var(--salt-size-fixed-100);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
 }
 .saltTabBar-inset {
   padding-left: var(--salt-spacing-300);
@@ -3240,8 +3128,8 @@
   -webkit-appearance: none;
   gap: var(--salt-spacing-100);
   border: none;
-  border-left: var(--salt-size-border) var(--salt-container-borderStyle) transparent;
-  border-right: var(--salt-size-border) var(--salt-container-borderStyle) transparent;
+  border-left: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
+  border-right: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
   white-space: pre;
   min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
   min-width: 4em;
@@ -3252,9 +3140,9 @@
   --tabNext-radius: var(--salt-palette-corner-weak, 0);
   border-radius: var(--tab-radius) var(--tab-radius) 0 0;
   overflow: hidden;
-  cursor: var(--salt-navigable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   color: var(--salt-content-primary-foreground);
-  font-weight: var(--salt-navigable-fontWeight);
+  font-weight: var(--salt-text-fontWeight);
   font-family: var(--salt-text-fontFamily);
   text-align: var(--salt-text-textAlign);
   letter-spacing: var(--salt-text-letterSpacing);
@@ -3264,8 +3152,8 @@
 .saltTabNext::after {
   content: "";
   position: absolute;
-  left: calc(var(--salt-size-border) * -1);
-  right: calc(var(--salt-size-border) * -1);
+  left: calc(var(--salt-size-fixed-100) * -1);
+  right: calc(var(--salt-size-fixed-100) * -1);
   height: var(--salt-size-indicator);
 }
 .saltTabListNext-bordered .saltTabNext::after {
@@ -3287,14 +3175,14 @@
 }
 .saltTabListNext-bordered .saltTabNext.saltTabNext-selected {
   background: var(--saltTabListNext-activeColor);
-  border-left: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-secondary-borderColor);
-  border-right: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-secondary-borderColor);
+  border-left: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
+  border-right: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
 }
 .saltTabNext.saltTabNext-selected::after {
-  background: var(--salt-navigable-indicator-active);
+  background: var(--salt-navigable-accent-indicator-active);
 }
 .saltTabNext.saltTabNext-disabled {
-  cursor: var(--salt-navigable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--salt-content-primary-foreground-disabled);
 }
@@ -3334,7 +3222,7 @@
 }
 .saltTabOverflow-list {
   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;
   position: absolute;
@@ -3346,7 +3234,7 @@
 .saltTabOverflow-listContainer {
   display: flex;
   flex-direction: column;
-  gap: var(--salt-size-border);
+  gap: var(--salt-spacing-fixed-100);
   max-height: inherit;
   min-height: inherit;
 }
@@ -3368,7 +3256,7 @@
   gap: var(--salt-spacing-100);
   position: relative;
   align-items: center;
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
   box-sizing: border-box;
   flex-shrink: 0;
   justify-content: flex-start;
@@ -3381,18 +3269,18 @@
 }
 .saltTabOverflow-list .saltTabNext[aria-disabled=true] {
   color: var(--salt-content-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltTabOverflow-list .saltTabNext-focusVisible {
   outline: var(--salt-focused-outline);
-  outline-offset: calc(var(--salt-size-border) * -2);
+  outline-offset: calc(var(--salt-size-fixed-100) * -2);
 }
 .saltTabOverflow-list .saltTabNext:hover {
   background: var(--salt-selectable-background-hover);
 }
 .saltTabOverflow-list .saltTabNext: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);
 }
 /* src/toast-group/ToastGroup.css */
@@ -3461,10 +3349,10 @@
   width: 100%;
 }
 .saltTokenizedInput:hover {
-  cursor: var(--salt-selectable-cursor-hover);
+  cursor: var(--salt-cursor-text);
 }
 .saltTokenizedInput.saltTokenizedInput-disabled:hover {
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltTokenizedInput-pillGroup {
   align-content: flex-start;
@@ -3476,7 +3364,7 @@
   box-sizing: border-box;
 }
 .saltTokenizedInput-disabled {
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   opacity: var(--saltTokenizedInput-disabled-opacity, var(--salt-palette-opacity-disabled));
 }
 .saltTokenizedInput-focused {
@@ -3493,7 +3381,7 @@
 }
 .saltInputLegacy.saltTokenizedInput-input {
   align-items: flex-start;
-  cursor: text;
+  cursor: var(--salt-cursor-text);
   flex-grow: 1;
   padding: 0;
   outline: none;
@@ -3552,10 +3440,10 @@
 }
 .saltTokenizedInputNext {
   --tokenizedInput-borderColor: var(--salt-editable-borderColor);
-  --tokenizedInput-borderStyle: var(--salt-editable-borderStyle);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
   --tokenizedInput-outlineColor: var(--salt-focused-outlineColor);
   --tokenizedInput-border: none;
-  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-border);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);
   align-items: center;
   background: var(--tokenizedInput-background);
   border: var(--tokenizedInput-border);
@@ -3574,17 +3462,17 @@
   box-sizing: border-box;
 }
 .saltTokenizedInputNext:hover {
-  --tokenizedInput-borderStyle: var(--salt-editable-borderStyle-hover);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
   --tokenizedInput-borderColor: var(--salt-editable-borderColor-hover);
   background: var(--tokenizedInput-background-hover);
-  cursor: var(--salt-editable-cursor-hover);
+  cursor: var(--salt-cursor-hover);
 }
 .saltTokenizedInputNext:active {
   --tokenizedInput-borderColor: var(--salt-editable-borderColor-active);
-  --tokenizedInput-borderStyle: var(--salt-editable-borderStyle-active);
-  --tokenizedInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);
   background: var(--tokenizedInput-background-active);
-  cursor: var(--salt-editable-cursor-active);
+  cursor: var(--salt-cursor-active);
 }
 .saltTokenizedInputNext-primary {
   --tokenizedInput-background: var(--salt-editable-primary-background);
@@ -3655,17 +3543,17 @@
 }
 .saltTokenizedInputNext-focused {
   --tokenizedInput-borderColor: var(--tokenizedInput-outlineColor);
-  --tokenizedInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);
   outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--tokenizedInput-outlineColor);
 }
 .saltTokenizedInputNext-readOnly,
 .saltTokenizedInputNext-readOnly:active,
 .saltTokenizedInputNext-readOnly:hover {
   --tokenizedInput-borderColor: var(--salt-editable-borderColor-readonly);
-  --tokenizedInput-borderStyle: var(--salt-editable-borderStyle-readonly);
-  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-border);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);
   background: var(--tokenizedInput-background-readonly);
-  cursor: var(--salt-editable-cursor-readonly);
+  cursor: var(--salt-cursor-readonly);
 }
 .saltTokenizedInputNext-disabled .saltTokenizedInputNext-textarea::selection {
   background: none;
@@ -3674,10 +3562,10 @@
 .saltTokenizedInputNext-disabled:hover,
 .saltTokenizedInputNext-disabled:active {
   --tokenizedInput-borderColor: var(--salt-editable-borderColor-disabled);
-  --tokenizedInput-borderStyle: var(--salt-editable-borderStyle-disabled);
-  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-border);
+  --tokenizedInput-borderStyle: var(--salt-borderStyle-solid);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-100);
   background: var(--tokenizedInput-background-disabled);
-  cursor: var(--salt-editable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
   color: var(--salt-content-primary-foreground-disabled);
 }
 .saltTokenizedInputNext-activationIndicator {
@@ -3688,12 +3576,12 @@
   border-bottom: var(--tokenizedInput-activationIndicator-borderWidth) var(--tokenizedInput-borderStyle) var(--tokenizedInput-borderColor);
 }
 .saltTokenizedInputNext.saltTokenizedInputNext-bordered {
-  --tokenizedInput-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--tokenizedInput-borderColor);
+  --tokenizedInput-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--tokenizedInput-borderColor);
   --tokenizedInput-activationIndicator-borderWidth: 0;
 }
 .saltTokenizedInputNext-bordered:active,
 .saltTokenizedInputNext-bordered.saltTokenizedInputNext-focused {
-  --tokenizedInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);
+  --tokenizedInput-activationIndicator-borderWidth: var(--salt-size-fixed-200);
 }
 .saltTokenizedInputNext-bordered.saltTokenizedInputNext-readOnly:hover,
 .saltTokenizedInputNext-bordered.saltTokenizedInputNext-disabled:hover {
@@ -3737,7 +3625,6 @@
   overflow: hidden;
   position: relative;
   font-family: var(--salt-text-fontFamily);
-  font-size: var(--salt-text-fontSize);
   font-weight: var(--salt-text-fontWeight);
   line-height: var(--salt-text-lineHeight);
 }
@@ -4111,7 +3998,7 @@
   height: var(--salt-size-base);
   color: var(--salt-content-primary-foreground);
   background: var(--salt-selectable-background);
-  cursor: pointer;
+  cursor: var(--salt-cursor-hover);
   border: none;
   padding: 0;
   display: flex;
@@ -4136,7 +4023,7 @@
   color: var(--salt-content-primary-foreground);
 }
 .saltCalendarDay-outOfRange .saltCalendarDay-today > span:last-of-type {
-  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-content-secondary-foreground);
+  border-bottom: var(--salt-size-indicator) var(--salt-borderStyle-solid) var(--salt-content-secondary-foreground);
 }
 .saltCalendarDay-outOfRange.saltCalendarDay-highlighted:before {
   background: var(--salt-content-secondary-foreground);
@@ -4166,7 +4053,7 @@
 .saltCalendarDay-selectedEnd:hover {
   color: var(--salt-content-primary-foreground);
   background: var(--salt-selectable-background-selected);
-  box-shadow: 0 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected);
+  box-shadow: 0 0 0 var(--salt-size-fixed-100) var(--salt-selectable-borderColor-selected);
 }
 .saltCalendarDay-hoveredSpan,
 .saltCalendarDay-hoveredSpan:hover,
@@ -4175,16 +4062,16 @@
   color: var(--salt-content-primary-foreground);
   background: var(--salt-selectable-background-hover);
   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);
 }
 .saltCalendarDay-disabled,
 .saltCalendarDay-disabled:hover,
 .saltCalendarDay-unselectable,
 .saltCalendarDay-unselectable:hover {
   background: var(--salt-selectable-background-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
+  cursor: var(--salt-cursor-disabled);
 }
 .saltCalendarDay-highlighted:before,
 .saltCalendarDay-highlighted:hover:before {
@@ -4199,16 +4086,22 @@
 }
 .saltCalendarDay-unselectable:after {
   content: "";
-  height: var(--salt-size-border);
+  height: var(--salt-size-fixed-100);
   width: calc(100% - var(--salt-spacing-100));
   background: var(--salt-content-secondary-foreground);
   position: absolute;
 }
-.saltCalendarDay-today > span:last-of-type,
-.saltCalendarDay-today > span:last-of-type:hover,
-.saltCalendarDay-outOfRange .saltCalendarDay-today > span:last-of-type:hover {
-  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-accent-borderColor);
-  margin-bottom: calc(var(--salt-size-indicator) * -1);
+.saltCalendarDay-today > span:last-of-type::after {
+  content: "";
+  display: block;
+  width: calc(100% - calc(var(--salt-spacing-50) * 2));
+  height: var(--salt-size-indicator);
+  background-color: var(--salt-accent-borderColor);
+  border-radius: var(--salt-palette-corner-weak);
+  position: absolute;
+  bottom: var(--salt-spacing-50);
+  left: var(--salt-spacing-50);
+  right: var(--salt-spacing-50);
 }
 .saltCalendarDay-disabled,
 .saltCalendarDay-disabled:hover {
@@ -4221,11 +4114,11 @@
 /* src/calendar/internal/CalendarMonth.css */
 .saltCalendarMonth-grid {
   display: grid;
-  gap: var(--salt-size-border);
+  gap: var(--salt-spacing-fixed-100);
   grid-template-columns: repeat(7, var(--salt-size-base));
   grid-template-rows: repeat(6, var(--salt-size-base));
   text-align: center;
-  margin: var(--salt-size-border);
+  margin: var(--salt-spacing-fixed-100);
 }
 /* src/list-deprecated/internal/Highlighter.css */
@@ -4237,7 +4130,7 @@
 .saltDraggable {
   background: transparent;
   box-shadow: var(--salt-overlayable-shadow-drag);
-  cursor: var(--salt-draggable-grab-cursor-active);
+  cursor: var(--salt-cursor-grab-active);
   position: absolute;
 }
 .saltDraggable-spacer {
@@ -4303,7 +4196,7 @@
   --saltButton-justifyContent: flex-start;
   align-items: stretch;
   color: var(--salt-content-primary-foreground);
-  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);
   display: flex;
   flex-direction: column;
   padding: calc(var(--salt-size-unit) * 1.5) 0;
@@ -4324,8 +4217,8 @@
 /* src/toolbar/overflow-panel/OverflowSeparator.css */
 .saltOverflowSeparator {
   background: var(--salt-separable-tertiary-borderColor);
-  height: var(--salt-size-border);
+  height: var(--salt-size-fixed-100);
   margin: calc(var(--salt-size-unit) / 2) 0;
 }
-/* src/b7f34c1b-5966-4c6a-93b8-eb0aacce789c.css */
+/* src/74e77887-c876-4d5f-a3d9-425bdfc6918b.css */