@osdk/react-components 0.12.0 → 0.13.0

package/build/browser/styles.css

@@ -519,6 +519,21 @@
   );
   --osdk-button-secondary-border-color: var(--osdk-surface-border-color-default);
 
+  /* Minimal Button */
+  --osdk-button-minimal-bg: transparent;
+  --osdk-button-minimal-bg-hover: var(
+    --osdk-surface-background-color-default-hover
+  );
+  --osdk-button-minimal-bg-active: var(
+    --osdk-surface-background-color-default-active
+  );
+  --osdk-button-minimal-border: none;
+  --osdk-button-minimal-shadow: none;
+  --osdk-button-secondary-minimal-color: var(
+    --osdk-typography-color-default-rest
+  );
+  --osdk-button-primary-minimal-color: var(--osdk-button-primary-bg);
+
   /* Success Button */
   --osdk-button-success-color: var(--osdk-intent-success-foreground);
   --osdk-button-success-bg: var(--osdk-intent-success-rest);
@@ -708,6 +723,15 @@
   --osdk-checkbox-bg-checked-active: var(--osdk-intent-primary-active);
   --osdk-checkbox-checked-foreground: var(--osdk-intent-primary-foreground);
 }
+:root {
+  /* Combobox popup: cap the dropdown's max-height so very long option lists
+     scroll inside the popup instead of forcing the popup to grow tall enough
+     to push other UI off-screen. The actual `max-height` rule uses
+     `min(this token, --available-height)` — `--available-height` is set
+     automatically by Base UI's `Combobox.Positioner` (same source as
+     `--anchor-width`) so the cap is automatically lowered on short viewports. */
+  --osdk-combobox-popup-max-height: 320px;
+}
 /* Datetime Picker Styling */
 :root {
   /* Input error */
@@ -721,7 +745,7 @@
 
   /* Calendar */
   --osdk-datetime-calendar-font-family: var(--osdk-typography-family-default);
-  --osdk-datetime-calendar-font-size: var(--osdk-typography-size-body-small);
+  --osdk-datetime-calendar-font-size: var(--osdk-input-font-size);
   --osdk-datetime-calendar-cell-size: calc(var(--osdk-surface-spacing) * 8);
   --osdk-datetime-calendar-gap: 2px;
 
@@ -736,7 +760,7 @@
   /* Calendar weekday header */
   --osdk-datetime-calendar-weekday-color: var(--osdk-typography-color-muted);
   --osdk-datetime-calendar-weekday-font-size: var(
-    --osdk-typography-size-body-x-small
+    --osdk-datetime-calendar-font-size
   );
 
   --osdk-datetime-calendar-day-color: var(--osdk-typography-color-default);
@@ -913,16 +937,6 @@
   --osdk-file-picker-trigger-border-color-error: var(
     --osdk-input-border-color-error
   );
-
-  /* Browse button */
-  --osdk-file-picker-browse-bg: var(--osdk-button-secondary-bg);
-  --osdk-file-picker-browse-bg-hover: var(--osdk-button-secondary-bg-hover);
-  --osdk-file-picker-browse-bg-active: var(--osdk-button-secondary-bg-active);
-  --osdk-file-picker-browse-color: var(--osdk-button-secondary-color);
-  --osdk-file-picker-browse-padding: calc(var(--osdk-surface-spacing) * 1.5)
-    calc(var(--osdk-surface-spacing) * 3);
-  --osdk-file-picker-browse-border-left: var(--osdk-input-border-width) solid
-    var(--osdk-input-border-color);
 }
 :root {
   /* Filter List Container */
@@ -1133,8 +1147,15 @@
   --osdk-filter-listogram-label-color: var(
     --osdk-typography-color-default-rest
   );
-  --osdk-filter-listogram-empty-label-color: var(--osdk-typography-color-muted);
-  --osdk-filter-listogram-empty-label-font-style: italic;
+
+  /* Canonical "No value" tokens. Used by NoValueLabel everywhere.
+     Legacy --osdk-filter-listogram-empty-label-* and
+     --osdk-filter-null-label-* tokens are honored as opt-in overrides
+     by the per-container className passed to NoValueLabel; they are
+     not declared here so that the cascade does not cycle through them. */
+  --osdk-filter-no-value-color: var(--osdk-typography-color-muted);
+  --osdk-filter-no-value-font-style: italic;
+
   --osdk-filter-listogram-bar-height: calc(var(--osdk-surface-spacing) * 2);
   --osdk-filter-listogram-bar-width: calc(var(--osdk-surface-spacing) * 12.5);
   --osdk-filter-listogram-bar-bg: var(--osdk-palette-gray-100);
@@ -1212,10 +1233,6 @@
   --osdk-filter-null-row-padding: calc(var(--osdk-surface-spacing) * 1) 0;
   --osdk-filter-null-row-border-top: none;
   --osdk-filter-null-label-gap: var(--osdk-surface-spacing);
-  --osdk-filter-null-label-font-family: var(--osdk-typography-family-default);
-  --osdk-filter-null-label-font-size: var(--osdk-typography-size-body-medium);
-  --osdk-filter-null-label-line-height: 1.4;
-  --osdk-filter-null-label-color: var(--osdk-typography-color-default-rest);
   --osdk-filter-null-count-font-family: var(--osdk-typography-family-default);
   --osdk-filter-null-count-font-size: var(--osdk-typography-size-body-small);
   --osdk-filter-null-count-color: var(--osdk-typography-color-muted);
@@ -1355,16 +1372,16 @@
 }
 :root {
   /* Form layout */
-  --osdk-form-content-padding: calc(var(--osdk-surface-spacing) * 4);
-  --osdk-form-field-gap: calc(var(--osdk-surface-spacing) * 4);
+  --osdk-form-fields-gap: calc(var(--osdk-surface-spacing) * 1.5);
+  --osdk-form-content-padding-inline: 0;
+  --osdk-form-content-padding-block: 0;
 
   /* Form header */
   --osdk-form-header-border-color: var(--osdk-surface-border-color-default);
   --osdk-form-header-font-size: var(--osdk-typography-size-body-large);
   --osdk-form-header-font-weight: var(--osdk-typography-weight-bold);
   --osdk-form-header-color: var(--osdk-typography-color-default-rest);
-  --osdk-form-header-block-padding: calc(var(--osdk-surface-spacing) * 3);
-  --osdk-form-header-inline-padding: var(--osdk-form-content-padding);
+  --osdk-form-header-block-padding: calc(var(--osdk-surface-spacing) * 2);
 
   /* Form footer */
   --osdk-form-footer-border-color: var(--osdk-surface-border-color-default);
@@ -1373,7 +1390,7 @@
   --osdk-form-label-font-size: var(--osdk-typography-size-body-medium);
   --osdk-form-label-font-weight: var(--osdk-typography-weight-bold);
   --osdk-form-label-color: var(--osdk-typography-color-default-rest);
-  --osdk-form-label-field-gap: calc(var(--osdk-surface-spacing) * 1.5);
+  --osdk-form-field-gap: var(--osdk-surface-spacing);
 
   /* Label row (label + info icon) */
   --osdk-form-label-row-gap: calc(var(--osdk-surface-spacing) * 1);
@@ -1393,6 +1410,10 @@
 
   /* Validation errors */
   --osdk-form-error-font-size: var(--osdk-typography-size-body-small);
+  --osdk-form-error-line-height: var(--osdk-typography-line-height-default);
+  --osdk-form-error-reserved-block-size: calc(
+    var(--osdk-form-error-font-size) * var(--osdk-form-error-line-height)
+  );
   --osdk-form-error-color: var(--osdk-typography-color-danger-rest);
 
   /* Form footer error indicator */
@@ -1449,7 +1470,7 @@
   --osdk-form-section-content-padding-inline: calc(
     var(--osdk-surface-spacing) * 2.5
   );
-  --osdk-form-section-field-gap: var(--osdk-form-field-gap);
+  --osdk-form-section-field-gap: var(--osdk-form-fields-gap);
   --osdk-form-section-grid-column-gap: calc(var(--osdk-surface-spacing) * 4);
 
   /* Minimal style */
@@ -1597,12 +1618,12 @@
   --osdk-table-row-bg-default: var(--osdk-background-primary);
   --osdk-table-row-bg-alternate: var(--osdk-background-tertiary);
   --osdk-table-row-bg-hover: color-mix(
-    in oklch,
+    in srgb,
     var(--osdk-intent-primary-hover) 10%,
     var(--osdk-background-primary)
   );
   --osdk-table-row-bg-active: color-mix(
-    in oklch,
+    in srgb,
     var(--osdk-intent-primary-hover) 10%,
     var(--osdk-background-primary)
   );
@@ -1624,9 +1645,7 @@
   --osdk-table-header-menu-color-active: var(
     --osdk-typography-color-default-rest
   );
-  --osdk-table-header-menu-icon-color: var(
-    --osdk-table-header-menu-color
-  );
+  --osdk-table-header-menu-icon-color: var(--osdk-table-header-menu-color);
   --osdk-table-header-menu-bg-hover: var(--osdk-custom-color-gray-1);
   --osdk-table-header-menu-bg-active: var(--osdk-custom-color-gray-2);
 
@@ -1750,8 +1769,9 @@
 .BaseForm-module__osdkFormFields___3DthDz5L {
   display: flex;
   flex-direction: column;
-  gap: var(--osdk-form-field-gap);
-  padding: var(--osdk-form-content-padding);
+  gap: var(--osdk-form-fields-gap);
+  padding-block: var(--osdk-form-content-padding-block);
+  padding-inline: var(--osdk-form-content-padding-inline);
 }
 
 .BaseForm-module__osdkFormFooter___ZRbu-oda {
@@ -1759,10 +1779,9 @@
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  border-top: var(--osdk-surface-border-width) solid
-    var(--osdk-form-footer-border-color);
-  padding-block: var(--osdk-form-content-padding);
-  padding-inline: var(--osdk-form-content-padding);
+  padding-block: var(--osdk-form-content-padding-inline);
+  padding-inline: var(--osdk-form-content-padding-inline);
+  border-block-start: var(--osdk-surface-border-width) solid var(--osdk-form-footer-border-color);
 }
 
 .BaseForm-module__osdkFormSubmitButton___sTo2Mti- {
@@ -1788,7 +1807,7 @@
 .BaseForm-module__osdkFormSkeletonField___fumkrjHR {
   display: flex;
   flex-direction: column;
-  gap: var(--osdk-form-label-field-gap);
+  gap: var(--osdk-form-field-gap);
 }
 
 .BaseForm-module__osdkFormSkeletonLabel___-3zJJ2Wm {
@@ -1828,7 +1847,7 @@
 .FormField-module__osdkFormField___K4BpO5Sn {
   display: flex;
   flex-direction: column;
-  gap: var(--osdk-form-label-field-gap);
+  gap: var(--osdk-form-field-gap);
 }
 
 .FormField-module__osdkFormFieldLabel___S9J-yCFD {
@@ -1843,9 +1862,14 @@
 
 .FormField-module__osdkFormFieldError___VYf8-K5I {
   font-size: var(--osdk-form-error-font-size);
+  line-height: var(--osdk-form-error-line-height);
   color: var(--osdk-form-error-color);
 }
 
+.FormField-module__osdkFormFieldErrorSlot___6kJW7FnJ {
+  min-block-size: var(--osdk-form-error-reserved-block-size);
+}
+
 .FormField-module__osdkFormFieldLabelRow___RXG0mixo {
   display: flex;
   align-items: center;
@@ -1895,8 +1919,8 @@
 .FormHeader-module__osdkFormHeader___CkEkQTWh {
   margin: 0;
   padding-block: var(--osdk-form-header-block-padding);
-  padding-inline: var(--osdk-form-header-inline-padding);
-  border-bottom: var(--osdk-surface-border-width) solid
+  padding-inline: var(--osdk-form-content-padding-inline);
+  border-block-end: var(--osdk-surface-border-width) solid
     var(--osdk-form-header-border-color);
   font-size: var(--osdk-form-header-font-size);
   font-weight: var(--osdk-form-header-font-weight);
@@ -2180,6 +2204,7 @@
 }
 
 .DateCalendar-module__calendarDay___sUMDmHH- {
+  position: relative;
   padding: var(--osdk-datetime-calendar-gap);
   text-align: center;
 }
@@ -2264,18 +2289,46 @@
   }
 }
 
+/* Day buttons are inset by cell padding; paint the range on the table cell too
+   so the range spans horizontal gaps while staying the same height as a day. */
+.DateCalendar-module__calendarDay___sUMDmHH-:has(.DateCalendar-module__calendarRangeStart___n5gwcPaH)::before,
+.DateCalendar-module__calendarDay___sUMDmHH-:has(.DateCalendar-module__calendarRangeMiddle___LG7UBJb8)::before,
+.DateCalendar-module__calendarDay___sUMDmHH-:has(.DateCalendar-module__calendarRangeEnd___Ip19MHPV)::before {
+  content: "";
+  position: absolute;
+  inset-block: var(--osdk-datetime-calendar-gap);
+  background: var(--osdk-datetime-calendar-range-middle-bg);
+  pointer-events: none;
+}
+
+.DateCalendar-module__calendarDay___sUMDmHH-:has(.DateCalendar-module__calendarRangeStart___n5gwcPaH)::before {
+  inset-inline-start: 50%;
+  inset-inline-end: 0;
+}
 
-/* Range-middle needs .calendarDayButton prefix to match specificity of
-   .calendarDayButton.calendarSelected (rdp applies both to range-middle days). */
+.DateCalendar-module__calendarDay___sUMDmHH-:has(.DateCalendar-module__calendarRangeMiddle___LG7UBJb8)::before {
+  inset-inline: 0;
+}
+
+.DateCalendar-module__calendarDay___sUMDmHH-:has(.DateCalendar-module__calendarRangeEnd___Ip19MHPV)::before {
+  inset-inline-start: 0;
+  inset-inline-end: 50%;
+}
+
+.DateCalendar-module__calendarDay___sUMDmHH-:has(.DateCalendar-module__calendarRangeStart___n5gwcPaH.DateCalendar-module__calendarRangeEnd___Ip19MHPV)::before {
+  content: none;
+}
+
+/* The table cell owns the translucent range fill. Keeping the middle button
+   transparent avoids alpha-stacking the same token over itself. */
 .DateCalendar-module__calendarDayButton___SoPcp9U0.DateCalendar-module__calendarRangeMiddle___LG7UBJb8 {
-  background: var(--osdk-datetime-calendar-range-middle-bg);
+  background: transparent;
   color: var(--osdk-datetime-calendar-day-color);
   border-radius: 0;
 
   &:hover {
-    background: var(--osdk-datetime-calendar-range-middle-bg);
+    background: transparent;
     color: var(--osdk-datetime-calendar-day-hover-color);
-    filter: brightness(0.95);
   }
 
   &:active {
@@ -2283,6 +2336,14 @@
   }
 }
 
+.DateCalendar-module__calendarRangeFooter___C97aWQDF {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  column-gap: var(--osdk-datetime-calendar-months-gap);
+  justify-items: center;
+  padding-block-start: var(--osdk-time-picker-padding-top);
+}
+
 .DateCalendar-module__calendarHidden___DMxoFqL0 {
   visibility: hidden;
 }
@@ -2365,6 +2426,9 @@
 
 /* Month/year selects — borderless, matching caption text weight */
 .DateCalendar-module__calendarDropdown___XM6Skm8I {
+  /* Native selects otherwise reserve room for the longest option, which makes
+     the month caret drift away from short month names like "May". */
+  field-sizing: content;
   font-family: var(--osdk-datetime-calendar-font-family);
   font-size: var(--osdk-datetime-calendar-caption-font-size);
   font-weight: var(--osdk-datetime-calendar-caption-font-weight);
@@ -2382,13 +2446,22 @@
 }
 
 
-/* Footer — content rendered inside DayPicker's <tfoot> (constrained by the table). */
-.DateCalendar-module__calendarFooter___k5XnkRwd {
-  padding-top: var(--osdk-time-picker-padding-top);
-  margin-top: var(--osdk-time-picker-margin-top);
-  border-top: var(--osdk-time-picker-border-top);
+.DateCalendar-module__calendarTimeFooter___fZ-ifaAU {
+  display: flex;
+  justify-content: center;
+  padding-block-start: var(--osdk-time-picker-padding-top);
 }
 
+.DateCalendar-module__calendarActionBar___wRALmfXN {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--osdk-surface-spacing);
+  padding-block-start: var(--osdk-time-picker-padding-top);
+  padding-inline: var(--osdk-datetime-popover-padding);
+  margin-block-start: var(--osdk-time-picker-margin-top);
+  margin-inline: calc(var(--osdk-datetime-popover-padding) * -1);
+  border-block-start: var(--osdk-time-picker-border-top);
+}
 
 
 /* action-form/fields/DatePickerCommon.module.css */
@@ -2510,21 +2583,6 @@
   min-width: 0;
 }
 
-/* Two TimePickers side-by-side, each centered under its calendar month.
-   Negative horizontal margin counters the popover padding so the border-top
-   spans the full width of the popover. */
-.DateRangeInputField-module__osdkDateRangeTimeRow___taNjftwF {
-  display: flex;
-  gap: var(--osdk-time-picker-gap);
-  padding-top: var(--osdk-time-picker-padding-top);
-  padding-left: var(--osdk-datetime-popover-padding);
-  padding-right: var(--osdk-datetime-popover-padding);
-  margin-top: var(--osdk-time-picker-margin-top);
-  margin-left: calc(var(--osdk-datetime-popover-padding) * -1);
-  margin-right: calc(var(--osdk-datetime-popover-padding) * -1);
-  border-top: var(--osdk-time-picker-border-top);
-}
-
 
 /* action-form/fields/DatetimePickerField.module.css */
 /* DatetimePickerField — component-specific overrides.
@@ -2534,16 +2592,9 @@
   outline: none;
 }
 
-/* Time footer — rendered as a popover sibling (not a DayPicker tfoot) so the
-   border-top can span the full popover width via negative margins. */
 .DatetimePickerField-module__osdkDatetimeTimeFooter___z2mK-iXP {
-  padding-top: var(--osdk-time-picker-padding-top);
-  padding-left: var(--osdk-datetime-popover-padding);
-  padding-right: var(--osdk-datetime-popover-padding);
-  margin-top: var(--osdk-time-picker-margin-top);
-  margin-left: calc(var(--osdk-datetime-popover-padding) * -1);
-  margin-right: calc(var(--osdk-datetime-popover-padding) * -1);
-  border-top: var(--osdk-time-picker-border-top);
+  display: flex;
+  justify-content: center;
 }
 
 
@@ -2605,7 +2656,7 @@
   border: var(--osdk-file-picker-trigger-border);
   border-radius: var(--osdk-file-picker-trigger-border-radius);
   box-shadow: var(--osdk-input-shadow);
-  background: var(--osdk-file-picker-trigger-bg);
+  background-color: var(--osdk-file-picker-trigger-bg);
   font-family: var(--osdk-file-picker-trigger-font-family);
   font-size: var(--osdk-file-picker-trigger-font-size);
   box-sizing: border-box;
@@ -2615,21 +2666,18 @@
       var(--osdk-file-picker-transition-ease),
     border-color var(--osdk-file-picker-transition-duration)
       var(--osdk-file-picker-transition-ease);
+}
 
-  &:hover {
-    background: var(--osdk-file-picker-trigger-bg-hover);
-  }
-
-  &:focus-visible {
-    border-color: var(--osdk-file-picker-trigger-border-color-focus);
-    outline: var(--osdk-file-picker-trigger-focus-width) solid
-      var(--osdk-file-picker-trigger-focus-color);
-    outline-offset: var(--osdk-file-picker-trigger-focus-offset);
-  }
+.FilePickerField-module__osdkFilePickerTrigger___xiODCPnX:has(.FilePickerField-module__osdkFilePickerText___VbLe9-Bb:focus-visible),
+.FilePickerField-module__osdkFilePickerTrigger___xiODCPnX:has(.FilePickerField-module__osdkFilePickerClear___SOf8mcYq:focus-visible) {
+  border-color: var(--osdk-file-picker-trigger-border-color-focus);
+  outline: var(--osdk-file-picker-trigger-focus-width) solid
+    var(--osdk-file-picker-trigger-focus-color);
+  outline-offset: var(--osdk-file-picker-trigger-focus-offset);
+}
 
-  &[aria-invalid] {
-    border-color: var(--osdk-file-picker-trigger-border-color-error);
-  }
+.FilePickerField-module__osdkFilePickerTrigger___xiODCPnX[aria-invalid] {
+  border-color: var(--osdk-file-picker-trigger-border-color-error);
 }
 
 /* display: none fully removes the input from the a11y tree, avoiding
@@ -2642,6 +2690,8 @@
 /* File name text (left section) */
 .FilePickerField-module__osdkFilePickerText___VbLe9-Bb {
   flex: 1;
+  align-self: stretch;
+  min-width: 0;
   padding: var(--osdk-file-picker-trigger-padding);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2649,10 +2699,23 @@
   text-align: left;
   color: var(--osdk-file-picker-trigger-color);
   cursor: pointer;
-  background: none;
+  background-color: transparent;
   border: none;
   font-family: inherit;
   font-size: inherit;
+  line-height: inherit;
+
+  &:hover {
+    background-color: var(--osdk-file-picker-trigger-bg-hover);
+  }
+
+  &:active {
+    background-color: var(--osdk-surface-background-color-default-active);
+  }
+
+  &:focus-visible {
+    outline: none;
+  }
 }
 
 .FilePickerField-module__osdkFilePickerPlaceholder___ntQ09iNR {
@@ -2687,30 +2750,30 @@
   }
 }
 
-/* Browse label (right section) */
+/* Browse button (right section) */
 .FilePickerField-module__osdkFilePickerBrowse___XurnxfvY {
-  flex-shrink: 0;
-  align-self: stretch;
+  --osdk-button-min-height: 0;
+
   display: flex;
   align-items: center;
-  padding: var(--osdk-file-picker-browse-padding);
-  border-left: var(--osdk-file-picker-browse-border-left);
-  box-shadow: var(--osdk-button-shadow);
-  background: var(--osdk-file-picker-browse-bg);
-  color: var(--osdk-file-picker-browse-color);
+  justify-content: center;
+  flex-shrink: 0;
+  min-height: 0;
+  margin-block-start: calc(var(--osdk-surface-spacing) * 0.5);
+  margin-block-end: calc(var(--osdk-surface-spacing) * 0.5);
+  margin-inline-start: calc(var(--osdk-surface-spacing) * 0.5);
+  margin-inline-end: calc(var(--osdk-surface-spacing) * 0.5);
   font-family: var(--osdk-file-picker-trigger-font-family);
   font-size: var(--osdk-file-picker-trigger-font-size);
-  pointer-events: none;
-  transition: background-color var(--osdk-file-picker-transition-duration)
-    var(--osdk-file-picker-transition-ease);
-}
 
-.FilePickerField-module__osdkFilePickerTrigger___xiODCPnX:hover .FilePickerField-module__osdkFilePickerBrowse___XurnxfvY {
-  background-color: var(--osdk-file-picker-browse-bg-hover);
+  &:focus {
+    outline: none;
+  }
 }
 
-.FilePickerField-module__osdkFilePickerTrigger___xiODCPnX:active .FilePickerField-module__osdkFilePickerBrowse___XurnxfvY {
-  background-color: var(--osdk-file-picker-browse-bg-active);
+.FilePickerField-module__osdkFilePickerBrowse___XurnxfvY.FilePickerField-module__osdkFilePickerBrowse___XurnxfvY {
+  padding-block: calc(var(--osdk-surface-spacing) * 0.5);
+  padding-inline: calc(var(--osdk-surface-spacing) * 3);
 }
 
 
@@ -2980,21 +3043,32 @@
 }
 
 .RadioButtonsField-module__osdkRadioLabel___UUPF7AlO {
-  font-family: var(--osdk-typography-font-family);
-  font-size: var(--osdk-typography-font-size-default);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
   line-height: var(--osdk-typography-line-height-default);
-  color: var(--osdk-typography-color-default);
+  color: var(--osdk-typography-color-default-rest);
   cursor: pointer;
 }
 
 
 /* action-form/fields/TimePicker.module.css */
-/* TimePicker — bare time input. Layout (spacing, borders) owned by the parent. */
+/* TimePicker — HH:mm control. Outer layout is owned by the parent. */
+
+.TimePicker-module__osdkTimePickerRoot___i8UN3Nug {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
 
 .TimePicker-module__osdkTimePickerInput___uUABQ7Pu {
-  width: 100%;
+  width: calc(var(--osdk-surface-spacing) * 10);
   font-family: var(--osdk-time-picker-input-font-family);
   font-size: var(--osdk-time-picker-input-font-size);
+  line-height: var(
+    --osdk-input-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+  text-align: center;
   padding: var(--osdk-time-picker-input-padding);
   border: var(--osdk-time-picker-input-border);
   border-radius: var(--osdk-time-picker-input-border-radius);
@@ -3007,6 +3081,20 @@
     outline: var(--osdk-time-picker-input-focus-outline);
     outline-offset: var(--osdk-time-picker-input-focus-offset);
   }
+
+  &[aria-invalid] {
+    border-color: var(--osdk-input-border-color-error);
+  }
+}
+
+.TimePicker-module__osdkTimePickerSeparator___3cKcNBWE {
+  color: var(--osdk-typography-color-muted);
+  font-family: var(--osdk-time-picker-input-font-family);
+  font-size: var(--osdk-time-picker-input-font-size);
+  line-height: var(
+    --osdk-input-line-height,
+    var(--osdk-typography-line-height-default)
+  );
 }
 
 
@@ -3076,6 +3164,25 @@
   }
 }
 
+.ActionButton-module__minimalButton___GD-TV5sR {
+  background-color: var(--osdk-button-minimal-bg);
+  border: var(--osdk-button-minimal-border);
+  box-shadow: var(--osdk-button-minimal-shadow);
+  color: var(--osdk-button-secondary-minimal-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-minimal-bg-active);
+  }
+}
+
+.ActionButton-module__primaryButton___26uDwmR6.ActionButton-module__minimalButton___GD-TV5sR {
+  color: var(--osdk-button-primary-minimal-color);
+}
+
 
 /* base-components/checkbox/Checkbox.module.css */
 /*
@@ -3258,6 +3365,12 @@
     );
   }
 
+  /* Override global :focus rules (e.g. Blueprint) that add an outline on
+     mouse click. Only show the ring on keyboard focus (:focus-visible). */
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
+
   &:focus-visible {
     outline: var(
         --osdk-combobox-trigger-focus-width,
@@ -3271,6 +3384,10 @@
     );
   }
 
+  &[data-popup-open]:focus-visible {
+    outline: none;
+  }
+
   &[data-disabled] {
     cursor: not-allowed;
     opacity: var(--osdk-disabled-opacity, 0.5);
@@ -3465,13 +3582,20 @@
 
 .Combobox-module__osdkComboboxPositioner___hKb8oXuo {
   z-index: var(--osdk-combobox-z-index, var(--osdk-surface-z-index-3));
+  /* Base UI may focus popup containers so they can own roving keyboard
+     navigation. Keep visible focus on the trigger/input or highlighted option
+     instead of drawing a browser-default ring around this wrapper. */
+  outline: none;
 }
 
 .Combobox-module__osdkComboboxPopup___J-p7AW55 {
   display: flex;
   flex-direction: column;
   min-width: var(--anchor-width);
-  max-height: var(--available-height);
+  max-height: min(
+    var(--osdk-combobox-popup-max-height),
+    var(--available-height)
+  );
   overflow-y: auto;
   padding: calc(
     var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5
@@ -3488,6 +3612,10 @@
     var(--osdk-surface-background-color-default-rest)
   );
   box-shadow: var(--osdk-combobox-popup-shadow, var(--osdk-surface-shadow-2));
+
+  &:focus {
+    outline: none;
+  }
 }
 
 /*
@@ -3607,7 +3735,7 @@
   );
   background-color: var(
     --osdk-combobox-chip-bg,
-    var(--osdk-surface-background-color-default-hover)
+    var(--osdk-custom-color-gray-4)
   );
   font-family: var(
     --osdk-combobox-font-family,
@@ -3699,6 +3827,13 @@
   display: flex;
   flex-direction: column;
   overflow-y: auto;
+
+  /* Base UI moves focus into the list when the popup opens for keyboard
+     navigation. Highlighted options provide the visible affordance, so do not
+     draw a browser/default focus ring around the whole popup list. */
+  &:focus {
+    outline: none;
+  }
 }
 
 .Combobox-module__osdkComboboxEmpty___rfSN-zlQ {
@@ -3795,7 +3930,7 @@
   );
   background-color: var(
     --osdk-combobox-chip-bg,
-    var(--osdk-surface-background-color-default-hover)
+    var(--osdk-custom-color-gray-4)
   );
   font-size: var(
     --osdk-combobox-chip-font-size,
@@ -4274,6 +4409,12 @@
     );
   }
 
+  /* Override global :focus rules (e.g. Blueprint) that add an outline on
+     mouse click. Only show the ring on keyboard focus (:focus-visible). */
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
+
   &:focus-visible {
     outline: var(--osdk-select-focus-width, var(--osdk-emphasis-focus-width))
       solid var(--osdk-select-focus-color, var(--osdk-emphasis-focus-color));
@@ -4283,6 +4424,10 @@
     );
   }
 
+  &[data-popup-open]:focus-visible {
+    outline: none;
+  }
+
   &[data-disabled] {
     cursor: not-allowed;
     opacity: var(--osdk-disabled-opacity, 0.5);
@@ -4389,6 +4534,10 @@
 
 .Select-module__osdkSelectPositioner___isn6y3d0 {
   z-index: var(--osdk-select-z-index, var(--osdk-surface-z-index-3));
+  /* Base UI may focus the popup/positioner so it can own select keyboard
+     navigation. Keep the visual focus affordance on the active option instead
+     of drawing a browser-default ring around this non-interactive wrapper. */
+  outline: none;
 }
 
 .Select-module__osdkSelectPopup___mKufWAKp {
@@ -4410,6 +4559,10 @@
     var(--osdk-surface-background-color-default-rest)
   );
   box-shadow: var(--osdk-select-popup-shadow, var(--osdk-surface-shadow-2));
+
+  &:focus {
+    outline: none;
+  }
 }
 
 .Select-module__osdkSelectItem___OVOZPohZ {
@@ -4531,10 +4684,22 @@
  */
 
 .Switch-module__osdkSwitchRoot___Jp9OHtZ1 {
-  --osdk-switch-track-width: var(--osdk-switch-track-width-override, 28px);
-  --osdk-switch-track-height: var(--osdk-switch-track-height-override, 16px);
-  --osdk-switch-thumb-size: var(--osdk-switch-thumb-size-override, 12px);
-  --osdk-switch-thumb-offset: var(--osdk-switch-thumb-offset-override, 2px);
+  --osdk-switch-track-width: var(
+    --osdk-switch-track-width-override,
+    calc(var(--osdk-surface-spacing) * 9)
+  );
+  --osdk-switch-track-height: var(
+    --osdk-switch-track-height-override,
+    calc(var(--osdk-surface-spacing) * 5)
+  );
+  --osdk-switch-thumb-size: var(
+    --osdk-switch-thumb-size-override,
+    calc(var(--osdk-surface-spacing) * 4)
+  );
+  --osdk-switch-thumb-offset: var(
+    --osdk-switch-thumb-offset-override,
+    calc(var(--osdk-surface-spacing) * 0.5)
+  );
 
   display: inline-flex;
   align-items: center;
@@ -4542,7 +4707,7 @@
   height: var(--osdk-switch-track-height);
   padding: 0;
   cursor: pointer;
-  border-radius: var(--osdk-switch-border-radius, var(--osdk-surface-border-radius));
+  border-radius: var(--osdk-switch-border-radius, 9999px);
   position: relative;
   border: none;
   transition: background-color var(--osdk-switch-transition-duration, var(--osdk-emphasis-transition-duration))
@@ -4574,7 +4739,7 @@
 
   &[data-disabled] {
     cursor: not-allowed;
-    opacity: 0.5;
+    opacity: var(--osdk-switch-disabled-opacity, var(--osdk-input-disabled-opacity));
   }
 
   &:focus-visible {
@@ -5499,6 +5664,17 @@
   transition: opacity var(--osdk-filter-content-fade-duration);
 }
 
+.ListogramInput-module__noValueLabel___8avapBJI {
+  color: var(
+    --osdk-filter-listogram-empty-label-color,
+    var(--osdk-filter-no-value-color)
+  );
+  font-style: var(
+    --osdk-filter-listogram-empty-label-font-style,
+    var(--osdk-filter-no-value-font-style)
+  );
+}
+
 .ListogramInput-module__listogram___QdvKag0g[data-loading="true"] {
   opacity: 0.5;
 }
@@ -5556,11 +5732,6 @@
   text-decoration: line-through;
 }
 
-.ListogramInput-module__emptyLabel___4JpVowj8 {
-  color: var(--osdk-filter-listogram-empty-label-color);
-  font-style: var(--osdk-filter-listogram-empty-label-font-style);
-}
-
 .ListogramInput-module__bar___iUqTfYSm {
   width: var(--osdk-filter-listogram-bar-width);
   flex-shrink: 0;
@@ -5755,6 +5926,29 @@
 }
 
 
+/* filter-list/base/inputs/NoValueLabel.module.css */
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.NoValueLabel-module__noValue___rihoTb7q {
+  color: var(--osdk-filter-no-value-color);
+  font-style: var(--osdk-filter-no-value-font-style);
+}
+
+
 /* filter-list/base/inputs/NullValueWrapper.module.css */
 /*
  * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
@@ -5778,6 +5972,16 @@
   gap: var(--osdk-filter-null-wrapper-gap);
 }
 
+.NullValueWrapper-module__noValueLabel___dz4qRXGp {
+  color: var(
+    --osdk-filter-null-label-color,
+    var(--osdk-filter-no-value-color)
+  );
+  font-family: var(--osdk-filter-null-label-font-family, inherit);
+  font-size: var(--osdk-filter-null-label-font-size, inherit);
+  line-height: var(--osdk-filter-null-label-line-height, inherit);
+}
+
 .NullValueWrapper-module__nullValueRow___sHIqcE89 {
   display: flex;
   align-items: center;
@@ -5793,13 +5997,6 @@
   cursor: pointer;
 }
 
-.NullValueWrapper-module__nullLabelText___jzAptlbZ {
-  font-family: var(--osdk-filter-null-label-font-family);
-  font-size: var(--osdk-filter-null-label-font-size);
-  line-height: var(--osdk-filter-null-label-line-height);
-  color: var(--osdk-filter-null-label-color);
-}
-
 .NullValueWrapper-module__count___-Rsq7EuS {
   font-family: var(--osdk-filter-null-count-font-family);
   font-size: var(--osdk-filter-null-count-font-size);
@@ -6822,6 +7019,10 @@
   padding: calc(var(--osdk-surface-spacing) * 0.5) 0;
 }
 
+.EditableCell-module__nonEditableCellInEditMode___Mh3RMcM3 {
+  padding-left: calc(var(--osdk-surface-spacing) * 3);
+}
+
 .EditableCell-module__osdkEditableInput___2BjN5Q4P {
   width: 100%;
   overflow: hidden;