@osdk/react-components 0.34.0 → 0.34.1-main-e39a72892d538f3130e2cd51cee05d83d11fa493

package/build/cjs/public/experimental.css

@@ -119,64 +119,42 @@
   fill: var(--osdk-tooltip-border-color);
 }
 
-/* src/action-form/BaseForm.module.css */
-.osdkForm {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-height: 0;
-}
-.osdkFormFields {
-  display: flex;
-  flex-direction: column;
-  gap: var(--osdk-form-fields-gap);
-  padding-block: var(--osdk-form-content-padding-block);
-  padding-inline: var(--osdk-form-content-padding-inline);
-  flex-grow: 1;
-  min-height: 0;
-  overflow-y: auto;
-}
-.osdkFormFooter {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  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);
-  flex-shrink: 0;
-}
-.osdkFormSubmitButton {
-  margin-inline-start: auto;
-}
-.osdkFormErrorIndicator {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--osdk-surface-spacing) * 2);
-  color: var(--osdk-form-footer-error-color);
-  font-size: var(--osdk-form-footer-error-font-size);
-  cursor: help;
-}
-.osdkTooltipTriggerWrapper {
+/* src/shared/calendar/TimePicker.module.css */
+.osdkTimePickerRoot {
   display: inline-flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
 }
-.osdkFormSkeletonField {
-  display: flex;
-  flex-direction: column;
-  gap: var(--osdk-form-field-gap);
-}
-.osdkFormSkeletonLabel {
-  width: 30%;
-  height: var(--osdk-form-label-font-size);
-}
-.osdkFormSkeletonInput {
-  width: 100%;
-  height: var(--osdk-input-min-height);
+.osdkTimePickerInput {
+  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);
+  background: var(--osdk-time-picker-input-bg);
+  color: var(--osdk-time-picker-input-color);
+  box-sizing: border-box;
+  box-shadow: var(--osdk-time-picker-input-shadow);
+  &:focus-visible {
+    outline: var(--osdk-time-picker-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
+    box-shadow: var(--osdk-time-picker-input-focus-shadow);
+  }
+  &[aria-invalid] {
+    box-shadow: var(--osdk-time-picker-input-shadow-error);
+  }
+  &[aria-invalid]:focus-visible {
+    box-shadow: var(--osdk-time-picker-input-focus-shadow-error);
+  }
 }
-.osdkFormErrorList {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+.osdkTimePickerSeparator {
+  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) );
 }
 
 /* src/shared/calendar/DateCalendar.module.css */
@@ -401,44 +379,6 @@
   border-block-start: var(--osdk-time-picker-border-top);
 }
 
-/* src/shared/calendar/TimePicker.module.css */
-.osdkTimePickerRoot {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--osdk-surface-spacing);
-}
-.osdkTimePickerInput {
-  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);
-  background: var(--osdk-time-picker-input-bg);
-  color: var(--osdk-time-picker-input-color);
-  box-sizing: border-box;
-  box-shadow: var(--osdk-time-picker-input-shadow);
-  &:focus-visible {
-    outline: var(--osdk-time-picker-input-focus-outline);
-    outline-offset: var(--osdk-input-focus-outline-offset);
-    box-shadow: var(--osdk-time-picker-input-focus-shadow);
-  }
-  &[aria-invalid] {
-    box-shadow: var(--osdk-time-picker-input-shadow-error);
-  }
-  &[aria-invalid]:focus-visible {
-    box-shadow: var(--osdk-time-picker-input-focus-shadow-error);
-  }
-}
-.osdkTimePickerSeparator {
-  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) );
-}
-
 /* src/shared/PortalDismissLayer.module.css */
 .osdkPortalDismissLayer {
   position: fixed;
@@ -450,11 +390,6 @@
   background-color: transparent;
 }
 
-/* src/shared/calendar/DatePicker.module.css */
-.osdkDatetimeInputWrapper {
-  outline: none;
-}
-
 /* src/shared/calendar/DatePickerCommon.module.css */
 .osdkDatePickerInput {
   width: 100%;
@@ -543,6 +478,11 @@
   height: var(--osdk-datetime-calendar-fallback-height);
 }
 
+/* src/shared/calendar/DatePicker.module.css */
+.osdkDatetimeInputWrapper {
+  outline: none;
+}
+
 /* src/shared/calendar/DateRangePicker.module.css */
 .osdkDateRangeContainer {
   display: flex;
@@ -1665,6 +1605,66 @@
   gap: var(--osdk-form-section-field-gap);
 }
 
+/* src/action-form/BaseForm.module.css */
+.osdkForm {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 0;
+}
+.osdkFormFields {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-form-fields-gap);
+  padding-block: var(--osdk-form-content-padding-block);
+  padding-inline: var(--osdk-form-content-padding-inline);
+  flex-grow: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.osdkFormFooter {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  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);
+  flex-shrink: 0;
+}
+.osdkFormSubmitButton {
+  margin-inline-start: auto;
+}
+.osdkFormErrorIndicator {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  color: var(--osdk-form-footer-error-color);
+  font-size: var(--osdk-form-footer-error-font-size);
+  cursor: help;
+}
+.osdkTooltipTriggerWrapper {
+  display: inline-flex;
+}
+.osdkFormSkeletonField {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-form-field-gap);
+}
+.osdkFormSkeletonLabel {
+  width: 30%;
+  height: var(--osdk-form-label-font-size);
+}
+.osdkFormSkeletonInput {
+  width: 100%;
+  height: var(--osdk-input-min-height);
+}
+.osdkFormErrorList {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
 /* src/cbac-picker/base/BaseCbacBanner.module.css */
 .bannerRow {
   display: flex;
@@ -1939,59 +1939,57 @@
   color: var(--osdk-typography-color-muted);
 }
 
-/* src/cbac-picker/base/BaseCbacPicker.module.css */
-.picker {
-  display: flex;
-  flex-direction: column;
-  gap: var(--osdk-cbac-picker-category-gap);
-  padding: var(--osdk-cbac-picker-padding);
-  width: 100%;
-}
-.categoriesContainer {
-  display: flex;
-  flex-direction: column;
-  gap: var(--osdk-cbac-picker-category-gap);
-  overflow-y: auto;
+/* src/cbac-picker/base/MarkingButton.module.css */
+.markingButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: var(--osdk-cbac-marking-button-padding);
+  border-radius: var(--osdk-cbac-marking-button-border-radius);
+  font-size: var(--osdk-cbac-marking-button-font-size);
+  font-family: inherit;
+  cursor: pointer;
+  border: none;
+  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  color: var(--osdk-cbac-marking-button-color-default);
+  background-color: var(--osdk-cbac-marking-button-bg-default, transparent);
 }
-.innerBanner {
-  border: 1px solid var(--osdk-cbac-banner-border-color);
+.markingButton:hover:not(:disabled):not([aria-disabled=true]):not(.disallowed):not(.impliedDisallowed):not(.selected):not(.implied) {
+  background-color: var(--osdk-surface-background-color-default-hover);
 }
-.statusMessage {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--osdk-surface-spacing) * 0.5);
-  padding: calc(var(--osdk-surface-spacing) * 3) 0;
-  color: var(--osdk-typography-color-muted);
-  font-style: italic;
+.selected {
+  color: var(--osdk-cbac-marking-button-color-selected);
+  background-color: var(--osdk-cbac-marking-button-bg-selected);
+  border-color: var(--osdk-cbac-marking-button-border-color-selected);
 }
-.statusMessage p {
-  margin: 0;
+.selected:hover:not(:disabled):not([aria-disabled=true]) {
+  background-color: var( --osdk-cbac-marking-button-bg-selected-hover, var(--osdk-cbac-marking-button-bg-selected) );
+  filter: brightness(0.85);
 }
-
-/* src/cbac-picker/base/CategoryMarkingGroup.module.css */
-.categoryGroup {
-  display: flex;
-  flex-direction: column;
-  gap: var(--osdk-cbac-marking-button-gap);
+.implied {
+  color: var(--osdk-cbac-marking-button-color-implied);
+  background-color: var(--osdk-cbac-marking-button-bg-implied);
+  border-color: var(--osdk-cbac-marking-button-border-color-implied);
 }
-.categoryHeader {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--osdk-surface-spacing) * 0.75);
+.disallowed,
+.impliedDisallowed {
+  color: var(--osdk-cbac-marking-button-color-disallowed);
+  background-color: var(--osdk-cbac-marking-button-bg-disallowed);
+  border-color: var(--osdk-cbac-marking-button-border-color-disallowed);
+  cursor: not-allowed;
+  opacity: var(--osdk-cbac-disabled-opacity);
+  text-decoration: line-through;
 }
-.categoryName {
-  font-size: var(--osdk-cbac-picker-category-title-font-size);
-  font-weight: var(--osdk-cbac-picker-category-title-font-weight);
-  color: var(--osdk-cbac-picker-category-title-color);
-  letter-spacing: var(--osdk-cbac-picker-category-title-letter-spacing);
-  margin: 0;
+.markingButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
 }
-.infoIcon {
-  display: inline-flex;
-  color: var(--osdk-typography-color-muted);
-  cursor: help;
+.markingButton:disabled {
+  cursor: not-allowed;
 }
-.infoTooltip {
+.tooltip {
   z-index: var(--osdk-cbac-marking-tooltip-z-index);
   max-width: var(--osdk-cbac-marking-tooltip-max-width);
   padding: var(--osdk-cbac-marking-tooltip-padding);
@@ -2001,69 +1999,54 @@
   box-shadow: var(--osdk-tooltip-shadow);
   font-size: var(--osdk-cbac-marking-tooltip-font-size);
   line-height: 1.4;
-  color: var(--osdk-typography-color-muted);
 }
-.markingGrid {
-  display: grid;
-  grid-template-columns: repeat(var(--osdk-cbac-picker-marking-grid-columns), 1fr);
-  border-top: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
-  border-left: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
+.tooltipTitle {
+  margin: 0;
+  font-weight: var(--osdk-typography-weight-bold);
+  color: var(--osdk-typography-color-default-rest);
 }
-.emptyCell {
-  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
-  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+.tooltipDescription {
+  margin: calc(var(--osdk-surface-spacing) * 0.5) 0 0;
+  color: var(--osdk-typography-color-muted);
+}
+.tooltipHint {
+  margin: calc(var(--osdk-surface-spacing) * 0.5) 0 0;
+  font-style: italic;
+  color: var(--osdk-typography-color-muted);
 }
 
-/* src/cbac-picker/base/MarkingButton.module.css */
-.markingButton {
-  display: inline-flex;
+/* src/cbac-picker/base/OverflowItem.module.css */
+.overflowItem {
+  display: flex;
   align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: var(--osdk-cbac-marking-button-padding);
-  border-radius: var(--osdk-cbac-marking-button-border-radius);
-  font-size: var(--osdk-cbac-marking-button-font-size);
+  width: 100%;
+  text-align: left;
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 1.5);
+  font-size: var(--osdk-cbac-overflow-button-font-size);
   font-family: inherit;
   cursor: pointer;
   border: none;
-  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
-  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  border-radius: var(--osdk-surface-border-radius);
   color: var(--osdk-cbac-marking-button-color-default);
-  background-color: var(--osdk-cbac-marking-button-bg-default, transparent);
-}
-.markingButton:hover:not(:disabled):not([aria-disabled=true]):not(.disallowed):not(.impliedDisallowed):not(.selected):not(.implied) {
-  background-color: var(--osdk-surface-background-color-default-hover);
+  background: transparent;
 }
-.selected {
-  color: var(--osdk-cbac-marking-button-color-selected);
-  background-color: var(--osdk-cbac-marking-button-bg-selected);
-  border-color: var(--osdk-cbac-marking-button-border-color-selected);
+.overflowItem:hover:not(:disabled):not([aria-disabled=true]) {
+  background: var(--osdk-surface-background-color-default-hover);
 }
-.selected:hover:not(:disabled):not([aria-disabled=true]) {
-  background-color: var( --osdk-cbac-marking-button-bg-selected-hover, var(--osdk-cbac-marking-button-bg-selected) );
-  filter: brightness(0.85);
+.overflowItem:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
 }
-.implied {
-  color: var(--osdk-cbac-marking-button-color-implied);
-  background-color: var(--osdk-cbac-marking-button-bg-implied);
-  border-color: var(--osdk-cbac-marking-button-border-color-implied);
+.overflowItemSelected {
+  color: var(--osdk-intent-primary-rest);
+  font-weight: var(--osdk-typography-weight-bold);
 }
-.disallowed,
-.impliedDisallowed {
+.overflowItemDisabled {
   color: var(--osdk-cbac-marking-button-color-disallowed);
-  background-color: var(--osdk-cbac-marking-button-bg-disallowed);
-  border-color: var(--osdk-cbac-marking-button-border-color-disallowed);
   cursor: not-allowed;
   opacity: var(--osdk-cbac-disabled-opacity);
   text-decoration: line-through;
 }
-.markingButton:focus-visible {
-  outline: var(--osdk-focus-outline);
-  outline-offset: var(--osdk-focus-visible-outline-offset);
-}
-.markingButton:disabled {
-  cursor: not-allowed;
-}
 .tooltip {
   z-index: var(--osdk-cbac-marking-tooltip-z-index);
   max-width: var(--osdk-cbac-marking-tooltip-max-width);
@@ -2075,17 +2058,12 @@
   font-size: var(--osdk-cbac-marking-tooltip-font-size);
   line-height: 1.4;
 }
-.tooltipTitle {
-  margin: 0;
-  font-weight: var(--osdk-typography-weight-bold);
-  color: var(--osdk-typography-color-default-rest);
-}
 .tooltipDescription {
-  margin: calc(var(--osdk-surface-spacing) * 0.5) 0 0;
+  margin: 0;
   color: var(--osdk-typography-color-muted);
 }
 .tooltipHint {
-  margin: calc(var(--osdk-surface-spacing) * 0.5) 0 0;
+  margin: calc(var(--osdk-surface-spacing) * 0.25) 0 0;
   font-style: italic;
   color: var(--osdk-typography-color-muted);
 }
@@ -2129,39 +2107,30 @@
   box-shadow: var(--osdk-surface-elevation-2);
 }
 
-/* src/cbac-picker/base/OverflowItem.module.css */
-.overflowItem {
+/* src/cbac-picker/base/CategoryMarkingGroup.module.css */
+.categoryGroup {
   display: flex;
-  align-items: center;
-  width: 100%;
-  text-align: left;
-  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 1.5);
-  font-size: var(--osdk-cbac-overflow-button-font-size);
-  font-family: inherit;
-  cursor: pointer;
-  border: none;
-  border-radius: var(--osdk-surface-border-radius);
-  color: var(--osdk-cbac-marking-button-color-default);
-  background: transparent;
-}
-.overflowItem:hover:not(:disabled):not([aria-disabled=true]) {
-  background: var(--osdk-surface-background-color-default-hover);
+  flex-direction: column;
+  gap: var(--osdk-cbac-marking-button-gap);
 }
-.overflowItem:focus-visible {
-  outline: var(--osdk-focus-outline);
-  outline-offset: var(--osdk-focus-visible-outline-offset);
+.categoryHeader {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 0.75);
 }
-.overflowItemSelected {
-  color: var(--osdk-intent-primary-rest);
-  font-weight: var(--osdk-typography-weight-bold);
+.categoryName {
+  font-size: var(--osdk-cbac-picker-category-title-font-size);
+  font-weight: var(--osdk-cbac-picker-category-title-font-weight);
+  color: var(--osdk-cbac-picker-category-title-color);
+  letter-spacing: var(--osdk-cbac-picker-category-title-letter-spacing);
+  margin: 0;
 }
-.overflowItemDisabled {
-  color: var(--osdk-cbac-marking-button-color-disallowed);
-  cursor: not-allowed;
-  opacity: var(--osdk-cbac-disabled-opacity);
-  text-decoration: line-through;
+.infoIcon {
+  display: inline-flex;
+  color: var(--osdk-typography-color-muted);
+  cursor: help;
 }
-.tooltip {
+.infoTooltip {
   z-index: var(--osdk-cbac-marking-tooltip-z-index);
   max-width: var(--osdk-cbac-marking-tooltip-max-width);
   padding: var(--osdk-cbac-marking-tooltip-padding);
@@ -2171,15 +2140,17 @@
   box-shadow: var(--osdk-tooltip-shadow);
   font-size: var(--osdk-cbac-marking-tooltip-font-size);
   line-height: 1.4;
-}
-.tooltipDescription {
-  margin: 0;
   color: var(--osdk-typography-color-muted);
 }
-.tooltipHint {
-  margin: calc(var(--osdk-surface-spacing) * 0.25) 0 0;
-  font-style: italic;
-  color: var(--osdk-typography-color-muted);
+.markingGrid {
+  display: grid;
+  grid-template-columns: repeat(var(--osdk-cbac-picker-marking-grid-columns), 1fr);
+  border-top: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
+  border-left: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
+}
+.emptyCell {
+  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
 }
 
 /* src/cbac-picker/base/InfoBanner.module.css */
@@ -2248,6 +2219,35 @@
   color: var(--osdk-typography-color-default-rest);
 }
 
+/* src/cbac-picker/base/BaseCbacPicker.module.css */
+.picker {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-cbac-picker-category-gap);
+  padding: var(--osdk-cbac-picker-padding);
+  width: 100%;
+}
+.categoriesContainer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-cbac-picker-category-gap);
+  overflow-y: auto;
+}
+.innerBanner {
+  border: 1px solid var(--osdk-cbac-banner-border-color);
+}
+.statusMessage {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--osdk-surface-spacing) * 0.5);
+  padding: calc(var(--osdk-surface-spacing) * 3) 0;
+  color: var(--osdk-typography-color-muted);
+  font-style: italic;
+}
+.statusMessage p {
+  margin: 0;
+}
+
 /* src/cbac-picker/base/CbacPickerDialogFooter.module.css */
 .tooltipTriggerWrapper {
   display: contents;
@@ -2704,6 +2704,55 @@
   transform: rotate(-45deg);
 }
 
+/* src/pdf-viewer/components/PdfViewerSidebarHeader.module.css */
+.sidebarHeader {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding: var(--osdk-surface-spacing);
+  border-bottom: var(--osdk-pdf-viewer-sidebar-border);
+  flex-shrink: 0;
+}
+.toggleGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-spacing-2xs, 2px);
+  padding: var(--osdk-spacing-2xs, 2px);
+  border: none;
+  border-radius: var(--osdk-surface-border-radius);
+  background-color: var(--osdk-surface-background-color, transparent);
+}
+.modeButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: none;
+  color: var(--osdk-typography-color-muted);
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  padding: 0;
+}
+.modeButton:hover {
+  background-color: var(--osdk-surface-background-color-default-hover);
+}
+.modeButton:active {
+  background-color: var(--osdk-surface-background-color-default-active);
+}
+.modeButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.modeButton[data-pressed] {
+  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
+  color: var(--osdk-pdf-viewer-outline-item-active-color, var(--osdk-intent-primary-rest));
+}
+.modeButton[data-pressed]:hover {
+  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
+}
+
 /* src/pdf-viewer/components/PdfViewerOutlineSidebar.module.css */
 .sidebar {
   width: var(--osdk-pdf-viewer-sidebar-width);
@@ -2781,55 +2830,6 @@
   color: var(--osdk-typography-color-muted);
 }
 
-/* src/pdf-viewer/components/PdfViewerSidebarHeader.module.css */
-.sidebarHeader {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: var(--osdk-surface-spacing);
-  border-bottom: var(--osdk-pdf-viewer-sidebar-border);
-  flex-shrink: 0;
-}
-.toggleGroup {
-  display: flex;
-  align-items: center;
-  gap: var(--osdk-spacing-2xs, 2px);
-  padding: var(--osdk-spacing-2xs, 2px);
-  border: none;
-  border-radius: var(--osdk-surface-border-radius);
-  background-color: var(--osdk-surface-background-color, transparent);
-}
-.modeButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: none;
-  background: none;
-  color: var(--osdk-typography-color-muted);
-  cursor: pointer;
-  border-radius: var(--osdk-surface-border-radius);
-  padding: 0;
-}
-.modeButton:hover {
-  background-color: var(--osdk-surface-background-color-default-hover);
-}
-.modeButton:active {
-  background-color: var(--osdk-surface-background-color-default-active);
-}
-.modeButton:focus-visible {
-  outline: var(--osdk-focus-outline);
-  outline-offset: var(--osdk-focus-visible-outline-offset);
-}
-.modeButton[data-pressed] {
-  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
-  color: var(--osdk-pdf-viewer-outline-item-active-color, var(--osdk-intent-primary-rest));
-}
-.modeButton[data-pressed]:hover {
-  background-color: var(--osdk-pdf-viewer-outline-item-active-bg, rgba(45, 114, 210, 0.1));
-}
-
 /* src/pdf-viewer/components/PdfViewerSearchBar.module.css */
 .searchBar {
   position: absolute;
@@ -2890,6 +2890,29 @@
   composes: navButton;
 }
 
+/* src/pdf-viewer/components/PdfViewerThumbnail.module.css */
+.thumbnailContainer {
+  position: relative;
+  cursor: pointer;
+  border: 2px solid transparent;
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-pdf-viewer-page-shadow);
+  overflow: hidden;
+  transition: border-color var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
+}
+.thumbnailContainer:hover {
+  border-color: var(--osdk-pdf-viewer-sidebar-border);
+}
+.active {
+  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
+}
+.active:hover {
+  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
+}
+.canvas {
+  display: block;
+}
+
 /* src/pdf-viewer/components/PdfViewerSidebar.module.css */
 .sidebar {
   width: var(--osdk-pdf-viewer-sidebar-width);
@@ -2923,29 +2946,6 @@
   margin-top: 4px;
 }
 
-/* src/pdf-viewer/components/PdfViewerThumbnail.module.css */
-.thumbnailContainer {
-  position: relative;
-  cursor: pointer;
-  border: 2px solid transparent;
-  border-radius: var(--osdk-surface-border-radius);
-  box-shadow: var(--osdk-pdf-viewer-page-shadow);
-  overflow: hidden;
-  transition: border-color var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
-}
-.thumbnailContainer:hover {
-  border-color: var(--osdk-pdf-viewer-sidebar-border);
-}
-.active {
-  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
-}
-.active:hover {
-  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
-}
-.canvas {
-  display: block;
-}
-
 /* src/pdf-viewer/components/PdfViewerToolbar.module.css */
 .toolbar {
   display: flex;
@@ -3111,209 +3111,78 @@
 .spinnerIcon {
   composes: spinnerIcon from "../shared/LoadingError.module.css";
 }
-.errorIcon {
-  composes: errorIcon from "../shared/LoadingError.module.css";
-}
-
-/* src/xml-viewer/BaseXmlViewer.module.css */
-.container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background-color: var(--osdk-xml-viewer-bg);
-  border: var(--osdk-xml-viewer-border);
-  border-radius: var(--osdk-surface-border-radius);
-  overflow: hidden;
-}
-.scrollWrapper {
-  flex: 1;
-  overflow: auto;
-  padding: var(--osdk-surface-spacing);
-}
-.code {
-  font-family: var(--osdk-xml-viewer-font-family);
-  font-size: var(--osdk-xml-viewer-font-size);
-  line-height: var(--osdk-xml-viewer-line-height);
-  color: var(--osdk-typography-color-default-rest);
-  white-space: pre;
-  margin: 0;
-  tab-size: 2;
-}
-.loadingContainer {
-  composes: loadingContainer from "../shared/LoadingError.module.css";
-}
-.errorContainer {
-  composes: errorContainer from "../shared/LoadingError.module.css";
-}
-.spinnerIcon {
-  composes: spinnerIcon from "../shared/LoadingError.module.css";
-}
-.errorIcon {
-  composes: errorIcon from "../shared/LoadingError.module.css";
-}
-
-/* src/document-viewer/DocumentViewer.module.css */
-.container {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  background-color: var(--osdk-document-viewer-bg);
-  border: var(--osdk-document-viewer-border);
-  border-radius: var(--osdk-surface-border-radius);
-  overflow: hidden;
-}
-.unsupportedContainer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--osdk-surface-spacing);
-  width: 100%;
-  height: 100%;
-  font-family: var(--osdk-typography-family-default);
-  font-size: var(--osdk-typography-size-body-medium);
-  color: var(--osdk-typography-color-muted);
-}
-.unsupportedIcon {
-  flex-shrink: 0;
-}
-.loadingContainer {
-  composes: loadingContainer from "../shared/LoadingError.module.css";
-  width: 100%;
-}
-.spinnerIcon {
-  composes: spinnerIcon from "../shared/LoadingError.module.css";
-}
-
-/* src/filter-list/base/FilterList.module.css */
-.filterList {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.filterListCollapsed {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: var(--osdk-filter-list-collapsed-width);
-  height: 100%;
-  background: var(--osdk-filter-list-bg);
-  border: var(--osdk-filter-list-border);
-  border-radius: var(--osdk-filter-list-border-radius);
-  padding: var(--osdk-surface-spacing) 0;
-  gap: var(--osdk-surface-spacing);
-}
-.expandedContent {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-  background: var(--osdk-filter-list-bg);
-  border: var(--osdk-filter-list-border);
-  border-radius: var(--osdk-filter-list-border-radius);
-  box-shadow: var(--osdk-filter-list-shadow);
-  padding: var(--osdk-filter-list-padding);
-  gap: var(--osdk-filter-list-gap);
-}
-.scrollableContent {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  overflow-y: auto;
-  min-height: 0;
-}
-.hiddenContent {
-  display: none;
-}
-.expandButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--osdk-filter-header-button-padding);
-  border: none;
-  background: var(--osdk-filter-header-button-bg);
-  cursor: pointer;
-  border-radius: var(--osdk-filter-header-button-border-radius);
-  color: var(--osdk-filter-header-collapse-icon-color);
-  transition: background-color var(--osdk-filter-header-button-transition);
-  &:hover {
-    background: var(--osdk-filter-header-button-bg-hover);
-  }
-  &:active {
-    background: var(--osdk-filter-header-button-bg-active);
-  }
-  &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
-    outline-offset: var(--osdk-filter-input-focus-outline-offset);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-}
-.collapsedLabel {
-  writing-mode: vertical-rl;
-  transform: rotate(180deg);
-  font-family: var(--osdk-filter-list-collapsed-label-font-family);
-  font-size: var(--osdk-filter-list-collapsed-label-font-size);
-  color: var(--osdk-filter-list-collapsed-label-color);
-  font-weight: var(--osdk-filter-header-font-weight);
-  user-select: none;
-}
-.addButtonContainer {
+.errorIcon {
+  composes: errorIcon from "../shared/LoadingError.module.css";
+}
+
+/* src/xml-viewer/BaseXmlViewer.module.css */
+.container {
   display: flex;
-  justify-content: center;
-  padding: var(--osdk-filter-list-addButton-container-padding);
-  background: var(--osdk-filter-list-addButton-container-bg);
-  border-top: var(--osdk-filter-list-addButton-container-border-top);
-  flex-shrink: 0;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-xml-viewer-bg);
+  border: var(--osdk-xml-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
 }
-.addButtonContainer > * {
+.scrollWrapper {
   flex: 1;
+  overflow: auto;
+  padding: var(--osdk-surface-spacing);
 }
-.addButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: var(--osdk-filter-header-font-family);
-  font-size: var(--osdk-filter-header-reset-font-size);
+.code {
+  font-family: var(--osdk-xml-viewer-font-family);
+  font-size: var(--osdk-xml-viewer-font-size);
+  line-height: var(--osdk-xml-viewer-line-height);
   color: var(--osdk-typography-color-default-rest);
-  background: var(--osdk-filter-header-button-bg);
-  border: var(--osdk-filter-list-addButton-border);
-  cursor: pointer;
-  padding: var(--osdk-filter-header-reset-padding);
-  min-height: var(--osdk-filter-list-addButton-height);
-  border-radius: var(--osdk-filter-header-button-border-radius);
-  transition: background-color var(--osdk-filter-header-button-transition);
-  &:hover {
-    background: var(--osdk-filter-header-button-bg-hover);
-  }
-  &:active {
-    background: var(--osdk-filter-header-button-bg-active);
-  }
-  &:focus-visible {
-    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
-    outline-offset: var(--osdk-filter-input-focus-outline-offset);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
+  white-space: pre;
+  margin: 0;
+  tab-size: 2;
+}
+.loadingContainer {
+  composes: loadingContainer from "../shared/LoadingError.module.css";
+}
+.errorContainer {
+  composes: errorContainer from "../shared/LoadingError.module.css";
+}
+.spinnerIcon {
+  composes: spinnerIcon from "../shared/LoadingError.module.css";
+}
+.errorIcon {
+  composes: errorIcon from "../shared/LoadingError.module.css";
 }
 
-/* src/filter-list/base/FilterListContent.module.css */
-.content {
+/* src/document-viewer/DocumentViewer.module.css */
+.container {
   display: flex;
-  flex-direction: column;
-  gap: var(--osdk-filter-list-content-gap);
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-document-viewer-bg);
+  border: var(--osdk-document-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
 }
-.emptyMessage {
-  margin: 0;
-  color: var(--osdk-filter-list-empty-text-color);
-  font-size: var(--osdk-filter-list-empty-font-size);
+.unsupportedContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-surface-spacing);
+  width: 100%;
+  height: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-muted);
 }
-.dragOverlay {
-  box-shadow: var(--osdk-filter-item-drag-overlay-shadow);
-  border-radius: var(--osdk-filter-item-drag-overlay-border-radius);
-  background: var(--osdk-filter-item-drag-overlay-bg);
+.unsupportedIcon {
+  flex-shrink: 0;
+}
+.loadingContainer {
+  composes: loadingContainer from "../shared/LoadingError.module.css";
+  width: 100%;
+}
+.spinnerIcon {
+  composes: spinnerIcon from "../shared/LoadingError.module.css";
 }
 
 /* src/shared/ErrorBoundary.module.css */
@@ -3535,6 +3404,23 @@
   opacity: var(--osdk-filter-item-dragging-opacity);
 }
 
+/* src/filter-list/base/FilterListContent.module.css */
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-list-content-gap);
+}
+.emptyMessage {
+  margin: 0;
+  color: var(--osdk-filter-list-empty-text-color);
+  font-size: var(--osdk-filter-list-empty-font-size);
+}
+.dragOverlay {
+  box-shadow: var(--osdk-filter-item-drag-overlay-shadow);
+  border-radius: var(--osdk-filter-item-drag-overlay-border-radius);
+  background: var(--osdk-filter-item-drag-overlay-bg);
+}
+
 /* src/filter-list/base/FilterListHeader.module.css */
 .header {
   display: flex;
@@ -3633,6 +3519,120 @@
   }
 }
 
+/* src/filter-list/base/FilterList.module.css */
+.filterList {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.filterListCollapsed {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: var(--osdk-filter-list-collapsed-width);
+  height: 100%;
+  background: var(--osdk-filter-list-bg);
+  border: var(--osdk-filter-list-border);
+  border-radius: var(--osdk-filter-list-border-radius);
+  padding: var(--osdk-surface-spacing) 0;
+  gap: var(--osdk-surface-spacing);
+}
+.expandedContent {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+  background: var(--osdk-filter-list-bg);
+  border: var(--osdk-filter-list-border);
+  border-radius: var(--osdk-filter-list-border-radius);
+  box-shadow: var(--osdk-filter-list-shadow);
+  padding: var(--osdk-filter-list-padding);
+  gap: var(--osdk-filter-list-gap);
+}
+.scrollableContent {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+}
+.hiddenContent {
+  display: none;
+}
+.expandButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-header-button-padding);
+  border: none;
+  background: var(--osdk-filter-header-button-bg);
+  cursor: pointer;
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  color: var(--osdk-filter-header-collapse-icon-color);
+  transition: background-color var(--osdk-filter-header-button-transition);
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+.collapsedLabel {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+  font-family: var(--osdk-filter-list-collapsed-label-font-family);
+  font-size: var(--osdk-filter-list-collapsed-label-font-size);
+  color: var(--osdk-filter-list-collapsed-label-color);
+  font-weight: var(--osdk-filter-header-font-weight);
+  user-select: none;
+}
+.addButtonContainer {
+  display: flex;
+  justify-content: center;
+  padding: var(--osdk-filter-list-addButton-container-padding);
+  background: var(--osdk-filter-list-addButton-container-bg);
+  border-top: var(--osdk-filter-list-addButton-container-border-top);
+  flex-shrink: 0;
+}
+.addButtonContainer > * {
+  flex: 1;
+}
+.addButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--osdk-filter-header-font-family);
+  font-size: var(--osdk-filter-header-reset-font-size);
+  color: var(--osdk-typography-color-default-rest);
+  background: var(--osdk-filter-header-button-bg);
+  border: var(--osdk-filter-list-addButton-border);
+  cursor: pointer;
+  padding: var(--osdk-filter-header-reset-padding);
+  min-height: var(--osdk-filter-list-addButton-height);
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  transition: background-color var(--osdk-filter-header-button-transition);
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
 /* src/base-components/search-bar/SearchBar.module.css */
 .searchBar {
   display: flex;
@@ -4143,12 +4143,6 @@
   }
 }
 
-/* src/filter-list/base/inputs/LinkedPropertyInput.module.css */
-.linkedProperty {
-  display: flex;
-  flex-direction: column;
-}
-
 /* src/base-components/checkbox/Checkbox.module.css */
 .osdkCheckboxRoot {
   display: flex;
@@ -4203,6 +4197,29 @@
   }
 }
 
+/* src/filter-list/base/inputs/ListogramSkeleton.module.css */
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-listogram-gap);
+}
+.row {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-listogram-row-gap);
+  padding: var(--osdk-filter-listogram-row-padding);
+}
+.flexBar {
+  flex: 1;
+}
+
+/* src/filter-list/base/inputs/NoValueLabel.module.css */
+.noValue {
+  color: var(--osdk-filter-no-value-color);
+  font-style: var(--osdk-filter-no-value-font-style);
+  font-size: var(--osdk-filter-no-value-font-size);
+}
+
 /* src/filter-list/base/inputs/ListogramInput.module.css */
 .listogram {
   display: flex;
@@ -4318,29 +4335,6 @@
   text-align: right;
 }
 
-/* src/filter-list/base/inputs/ListogramSkeleton.module.css */
-.container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--osdk-filter-listogram-gap);
-}
-.row {
-  display: flex;
-  align-items: center;
-  gap: var(--osdk-filter-listogram-row-gap);
-  padding: var(--osdk-filter-listogram-row-padding);
-}
-.flexBar {
-  flex: 1;
-}
-
-/* src/filter-list/base/inputs/NoValueLabel.module.css */
-.noValue {
-  color: var(--osdk-filter-no-value-color);
-  font-style: var(--osdk-filter-no-value-font-style);
-  font-size: var(--osdk-filter-no-value-font-size);
-}
-
 /* src/filter-list/base/inputs/MultiDateInput.module.css */
 .multiDate {
   display: flex;
@@ -4627,6 +4621,12 @@
   }
 }
 
+/* src/filter-list/base/inputs/LinkedPropertyInput.module.css */
+.linkedProperty {
+  display: flex;
+  flex-direction: column;
+}
+
 /* src/filter-list/base/FilterPopover.module.css */
 .fieldGroup {
   display: inline-flex;
@@ -4979,14 +4979,6 @@
   }
 }
 
-/* src/object-table/TableBody.module.css */
-.osdkTableBody {
-  display: grid;
-  position: relative;
-  width: max-content;
-  min-width: 100%;
-}
-
 /* src/base-components/draggable-list/DraggableList.module.css */
 .draggableListContainer {
   display: flex;
@@ -5354,84 +5346,6 @@
   white-space: nowrap;
 }
 
-/* src/object-table/TableHeader.module.css */
-.osdkTableHeader {
-  display: grid;
-  position: sticky;
-  top: 0;
-  width: max-content;
-  min-width: 100%;
-  height: var(--osdk-table-header-height);
-  z-index: var(--osdk-surface-z-index-1);
-  background-color: var(--osdk-table-header-bg);
-}
-.osdkTableHeader[data-resizing=true] {
-  cursor: col-resize;
-  user-select: none;
-}
-.osdkTableHeaderRow {
-  display: flex;
-  width: max-content;
-  min-width: 100%;
-  border-top: var(--osdk-table-border);
-  border-bottom: var(--osdk-table-border);
-}
-.osdkTableHeaderCell {
-  display: flex;
-  align-items: center;
-  text-align: left;
-  position: relative;
-  padding: var(--osdk-table-cell-padding);
-  font-weight: var(--osdk-table-header-fontWeight);
-  font-size: var(--osdk-table-header-fontSize);
-  color: var(--osdk-table-header-color);
-  border-right: var(--osdk-table-header-divider);
-  background-color: inherit;
-  &:first-child {
-    border-left: var(--osdk-table-border);
-  }
-  &:last-child {
-    border-right: none;
-  }
-}
-.osdkTableHeaderCell[data-pinned=left],
-.osdkTableHeaderCell[data-pinned=right] {
-  position: sticky;
-  z-index: var(--osdk-surface-z-index-2);
-  background-color: var(--osdk-table-header-bg);
-}
-.osdkTableHeaderCell[data-pinned=left]:not(:has(~ [data-pinned=left])) {
-  border-right: var(--osdk-table-pinned-column-border);
-}
-.osdkTableHeaderCell[data-pinned=right]:not(:has(~ [data-pinned=right]):nth-child(n+2)) {
-  border-left: var(--osdk-table-pinned-column-border);
-}
-.osdkTableSelectionHeaderCell {
-  justify-content: center;
-  padding: 0;
-}
-.osdkTableHeaderResizer {
-  background: none;
-  cursor: col-resize;
-  height: 100%;
-  position: absolute;
-  right: calc(-1 * var(--osdk-table-border-width));
-  top: 0;
-  touch-action: none;
-  width: 3px;
-  z-index: var(--osdk-surface-z-index-2);
-  &:hover {
-    background: var(--osdk-table-resizer-color-hover);
-  }
-  &:active {
-    background: var(--osdk-table-resizer-color-active);
-  }
-}
-.osdkLoadingHeaderCell {
-  height: var(--osdk-table-header-fontSize);
-  flex: 1;
-}
-
 /* src/object-table/TableHeaderContent.module.css */
 .osdkHeaderContent {
   display: -webkit-box;
@@ -5548,41 +5462,104 @@
   color: var(--osdk-typography-color-muted);
 }
 
-/* src/object-table/NonIdealState.module.css */
-.container {
+/* src/object-table/TableHeader.module.css */
+.osdkTableHeader {
+  display: grid;
+  position: sticky;
+  top: 0;
+  width: max-content;
+  min-width: 100%;
+  height: var(--osdk-table-header-height);
+  z-index: var(--osdk-surface-z-index-1);
+  background-color: var(--osdk-table-header-bg);
+}
+.osdkTableHeader[data-resizing=true] {
+  cursor: col-resize;
+  user-select: none;
+}
+.osdkTableHeaderRow {
+  display: flex;
+  width: max-content;
+  min-width: 100%;
+  border-top: var(--osdk-table-border);
+  border-bottom: var(--osdk-table-border);
+}
+.osdkTableHeaderCell {
   display: flex;
   align-items: center;
-  justify-content: center;
+  text-align: left;
+  position: relative;
+  padding: var(--osdk-table-cell-padding);
+  font-weight: var(--osdk-table-header-fontWeight);
+  font-size: var(--osdk-table-header-fontSize);
+  color: var(--osdk-table-header-color);
+  border-right: var(--osdk-table-header-divider);
+  background-color: inherit;
+  &:first-child {
+    border-left: var(--osdk-table-border);
+  }
+  &:last-child {
+    border-right: none;
+  }
 }
-.message {
-  padding: calc(var(--osdk-surface-spacing) * 5);
-  color: var(--osdk-typography-color-muted);
-  font-style: italic;
+.osdkTableHeaderCell[data-pinned=left],
+.osdkTableHeaderCell[data-pinned=right] {
+  position: sticky;
+  z-index: var(--osdk-surface-z-index-2);
+  background-color: var(--osdk-table-header-bg);
 }
-
-/* src/object-table/Table.module.css */
-.osdkTableWrapper {
-  display: flex;
-  flex-direction: column;
+.osdkTableHeaderCell[data-pinned=left]:not(:has(~ [data-pinned=left])) {
+  border-right: var(--osdk-table-pinned-column-border);
+}
+.osdkTableHeaderCell[data-pinned=right]:not(:has(~ [data-pinned=right]):nth-child(n+2)) {
+  border-left: var(--osdk-table-pinned-column-border);
+}
+.osdkTableSelectionHeaderCell {
+  justify-content: center;
+  padding: 0;
+}
+.osdkTableHeaderResizer {
+  background: none;
+  cursor: col-resize;
   height: 100%;
-  position: relative;
+  position: absolute;
+  right: calc(-1 * var(--osdk-table-border-width));
+  top: 0;
+  touch-action: none;
+  width: 3px;
+  z-index: var(--osdk-surface-z-index-2);
+  &:hover {
+    background: var(--osdk-table-resizer-color-hover);
+  }
+  &:active {
+    background: var(--osdk-table-resizer-color-active);
+  }
 }
-.osdkTableContainer {
+.osdkLoadingHeaderCell {
+  height: var(--osdk-table-header-fontSize);
   flex: 1;
-  min-height: 0;
-  overflow: auto;
-  position: relative;
-  isolation: isolate;
-  background-color: var(--osdk-background-primary);
 }
-.osdkTableContainer table {
-  border-collapse: collapse;
+
+/* src/object-table/TableBody.module.css */
+.osdkTableBody {
   display: grid;
-  table-layout: fixed;
+  position: relative;
   width: max-content;
   min-width: 100%;
 }
 
+/* src/object-table/NonIdealState.module.css */
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.message {
+  padding: calc(var(--osdk-surface-spacing) * 5);
+  color: var(--osdk-typography-color-muted);
+  font-style: italic;
+}
+
 /* src/object-table/CellContextMenu.module.css */
 .osdkCellContextMenu {
   position: fixed;
@@ -5638,4 +5615,27 @@
   background-color: var(--osdk-surface-border-color-default);
   align-self: center;
 }
+
+/* src/object-table/Table.module.css */
+.osdkTableWrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  position: relative;
+}
+.osdkTableContainer {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  position: relative;
+  isolation: isolate;
+  background-color: var(--osdk-background-primary);
+}
+.osdkTableContainer table {
+  border-collapse: collapse;
+  display: grid;
+  table-layout: fixed;
+  width: max-content;
+  min-width: 100%;
+}
 /*# sourceMappingURL=experimental.css.map */