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

package/css/salt-lab.css

@@ -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-separable-borderStyle) 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,7 +264,7 @@
   align-items: center;
   justify-content: space-between;
   right: 0;
-  cursor: pointer;
+  cursor: var(--salt-cursor-hover);
   overflow: hidden;
   text-align: left;
   user-select: none;
@@ -405,7 +286,7 @@
   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-separable-borderStyle) var(--salt-separable-secondary-borderColor);
 }
 .saltCascadingMenuItem-menuItemHover:hover {
   background: var(--salt-selectable-background-hover);
@@ -467,7 +348,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-editable-borderStyle) var(--salt-editable-borderColor);
 }
 .saltColorChooser-overlayContent {
   max-width: 100%;
@@ -546,7 +427,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-editable-borderStyle) var(--salt-editable-borderColor);
 }
 
 /* src/color-chooser/DictTabs.css */
@@ -570,20 +451,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-editable-borderStyle) 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-editable-borderStyle) 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-editable-borderStyle) var(--salt-editable-borderColor);
 }
 .saltColorChooser-rgbaText {
   margin-top: 5px;
@@ -619,7 +500,7 @@
 .saltColorChooserSwatch-graySwatch {
   margin-bottom: 1px;
   margin-left: 1px;
-  cursor: pointer;
+  cursor: var(--salt-cursor-hover);
 }
 .salt-density-touch,
 .salt-density-low,
@@ -650,10 +531,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-container-borderStyle) var(--salt-container-primary-borderColor);
 }
 .salt-theme[data-mode=light] .saltColorChooserSwatch-whiteSwatch,
 .salt-theme[data-mode=dark] .saltColorChooserSwatch-graySwatch {
@@ -669,17 +550,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-container-borderStyle) var(--salt-container-primary-borderColor);
 }
 .saltColorChooserSwatch-active {
-  outline: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);
+  outline: var(--salt-size-fixed-100) 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;
   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-container-borderStyle) var(--salt-status-negative-foreground) !important;
   width: calc(var(--colorChooser-swatch-size-unit) - 2px) !important;
   height: calc(var(--colorChooser-swatch-size-unit) - 2px) !important;
   margin-bottom: 1px;
@@ -996,10 +877,10 @@
 }
 .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-editable-borderStyle) var(--input-borderColor);
 }
 .saltDateInput-bordered.saltDateInput:hover {
   border-style: var(--salt-editable-borderStyle-hover);
@@ -1025,7 +906,7 @@
   bottom: 0;
   width: 100%;
   position: absolute;
-  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--input-borderColor);
+  border-bottom: var(--salt-size-fixed-100) var(--salt-editable-borderStyle) var(--input-borderColor);
 }
 .saltDateInput:hover .saltDateInput-activationIndicator {
   border-bottom-style: var(--salt-editable-borderStyle-hover);
@@ -1033,7 +914,7 @@
 }
 .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-editable-borderStyle-active) var(--input-borderColor-active);
 }
 .saltDateInput-readOnly .saltDateInput-activationIndicator,
 .saltDateInput-readOnly:hover .saltDateInput-activationIndicator {
@@ -1051,7 +932,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 +989,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 {
@@ -1140,7 +1021,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);
 }
@@ -1212,7 +1093,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-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
   overflow: hidden;
   overflow-y: auto;
   position: relative;
@@ -1225,7 +1106,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-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
   border-radius: var(--salt-palette-corner, 0);
   overflow: hidden;
   overflow-y: auto;
@@ -1418,7 +1299,7 @@
 }
 .saltFormFieldLegacy {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor);
-  --formFieldLegacy-activationIndicator-size: var(--salt-size-border);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
   --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle);
   --formFieldLegacy-background: var(--salt-editable-primary-background);
   --formFieldLegacy-focused-outlineColor: var(--salt-focused-outlineColor);
@@ -1443,18 +1324,18 @@
 }
 .saltFormFieldLegacy:hover {
   --formFieldLegacy-activationIndicator-color: var(--salt-editable-borderColor-hover);
-  --formFieldLegacy-activationIndicator-size: var(--salt-size-border);
+  --formFieldLegacy-activationIndicator-size: var(--salt-size-fixed-100);
   --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-hover);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-hover);
+  --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-size: var(--salt-size-fixed-200);
   --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-active);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-active);
+  --saltInputLegacy-cursor: var(--salt-cursor-active);
 }
 .saltFormFieldLegacy-withHelperText {
   --formFieldLegacy-helperText-marginTop: var(--formFieldLegacy-helperText-marginTop-default);
@@ -1476,16 +1357,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-size: var(--salt-size-fixed-100);
   --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-disabled);
   --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-size: var(--salt-size-fixed-100);
   --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-disabled);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-disabled);
+  --saltInputLegacy-cursor: var(--salt-cursor-disabled);
 }
 .saltFormFieldLegacy.saltFormFieldLegacy-warning {
   --formFieldLegacy-focused-outlineColor: var(--salt-status-warning-borderColor);
@@ -1557,13 +1438,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-size: var(--salt-size-fixed-100);
   --formFieldLegacy-activationIndicator-style: var(--salt-editable-borderStyle-readonly);
-  --saltInputLegacy-cursor: var(--salt-editable-cursor-readonly);
+  --saltInputLegacy-cursor: var(--salt-cursor-readonly);
 }
 .saltFormFieldLegacy:not(.saltFormFieldLegacy-withHelperText):not(.saltFormFieldLegacy-labelLeft).saltFormFieldLegacy-focused:before {
   content: " ";
@@ -1720,7 +1601,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 +1714,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,
@@ -1989,7 +1870,7 @@
 .saltList {
   --list-background: var(--salt-container-primary-background);
   --list-borderStyle: var(--salt-container-borderStyle);
-  --list-borderWidth: var(--salt-size-border);
+  --list-borderWidth: var(--salt-size-fixed-100);
   --list-height: auto;
   --list-item-height: var(--salt-size-stackable);
   --list-item-gap: 0px;
@@ -2086,7 +1967,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 +1996,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);
@@ -2146,10 +2027,10 @@
   --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-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 +2075,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 +2152,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 +2161,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-container-borderStyle) 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-container-borderStyle) var(--salt-selectable-borderColor-selectedDisabled);
   --listNext-item-background: var(--salt-selectable-background-selectedDisabled);
 }
 
@@ -2305,7 +2186,7 @@
   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-width: var(--salt-size-fixed-100);
   height: 100%;
   outline: none;
   overflow-y: auto;
@@ -2341,7 +2222,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-separable-borderStyle) var(--salt-separable-primary-borderColor);
 }
 
 /* src/menu-button/MenuButton.css */
@@ -2467,36 +2348,44 @@
 
 /* src/number-input/NumberInput.css */
 .saltNumberInput {
-  --numberInput-border: none;
+  --numberInput-border: var(--salt-size-fixed-100) var(--salt-container-borderStyle) var(--numberInput-borderColor);
   --numberInput-borderColor: var(--salt-editable-borderColor);
   --numberInput-borderStyle: var(--salt-editable-borderStyle);
   --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-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-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 +2428,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 +2437,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 +2457,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-container-borderStyle) 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-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;
@@ -2608,30 +2502,11 @@
 .saltNumberInput-disabled:active {
   --numberInput-borderColor: var(--salt-editable-borderColor-disabled);
   --numberInput-borderStyle: var(--salt-editable-borderStyle-disabled);
-  --numberInput-borderWidth: var(--salt-size-border);
+  --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 +2519,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-editable-borderStyle) var(--numberInput-borderColor);
+}
+.saltNumberInput-focused .saltNumberInput-activationIndicator {
+  border-bottom: var(--salt-size-fixed-200) var(--salt-editable-borderStyle-active) 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 +2643,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,7 +2708,7 @@
 .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-width: var(--saltSystemStatus-borderWidth, var(--salt-size-fixed-100));
   border-style: var(--saltSystemStatus-borderStyle, var(--salt-container-borderStyle));
   box-sizing: border-box;
   display: flex;
@@ -3130,7 +3014,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;
 }
@@ -3191,8 +3075,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-separable-borderStyle) var(--salt-separable-secondary-borderColor);
 }
 .saltTabBar-inset {
   padding-left: var(--salt-spacing-300);
@@ -3240,8 +3124,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-container-borderStyle) transparent;
+  border-right: var(--salt-size-fixed-100) var(--salt-container-borderStyle) transparent;
   white-space: pre;
   min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
   min-width: 4em;
@@ -3252,7 +3136,7 @@
   --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-family: var(--salt-text-fontFamily);
@@ -3264,8 +3148,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 +3171,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-separable-borderStyle) var(--salt-separable-secondary-borderColor);
+  border-right: var(--salt-size-fixed-100) var(--salt-separable-borderStyle) var(--salt-separable-secondary-borderColor);
 }
 .saltTabNext.saltTabNext-selected::after {
   background: var(--salt-navigable-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 +3218,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-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
   overflow: hidden;
   overflow-y: auto;
   position: absolute;
@@ -3346,7 +3230,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 +3252,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 +3265,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 +3345,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 +3360,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 +3377,7 @@
 }
 .saltInputLegacy.saltTokenizedInput-input {
   align-items: flex-start;
-  cursor: text;
+  cursor: var(--salt-cursor-text);
   flex-grow: 1;
   padding: 0;
   outline: none;
@@ -3555,7 +3439,7 @@
   --tokenizedInput-borderStyle: var(--salt-editable-borderStyle);
   --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);
@@ -3577,14 +3461,14 @@
   --tokenizedInput-borderStyle: var(--salt-editable-borderStyle-hover);
   --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-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,7 +3539,7 @@
 }
 .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,
@@ -3663,9 +3547,9 @@
 .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-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;
@@ -3675,9 +3559,9 @@
 .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-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 +3572,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-container-borderStyle) 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 {
@@ -4111,7 +3995,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;
@@ -4166,7 +4050,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 +4059,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 +4083,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 +4111,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 +4127,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 +4193,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-container-borderStyle) var(--salt-container-primary-borderColor);
   display: flex;
   flex-direction: column;
   padding: calc(var(--salt-size-unit) * 1.5) 0;
@@ -4324,8 +4214,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/f741130d-3b1f-4499-8cd4-f65e6b5365f5.css */