@osdk/react-components 0.56.0 → 0.57.0-main-9c5a7b17bd0a71c88bf2d3ed29847e6f87975bbf

package/build/cjs/public/document-viewer.css

@@ -0,0 +1,914 @@
+/* src/email-viewer/BaseEmailViewer.module.css */
+.container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-email-viewer-bg);
+  border: var(--osdk-email-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+}
+.header {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--osdk-surface-spacing) / 2);
+  padding: var(--osdk-surface-spacing);
+  border-bottom: var(--osdk-email-viewer-header-border);
+  background-color: var(--osdk-email-viewer-header-bg);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-default-rest);
+  flex-shrink: 0;
+}
+.headerRow {
+  display: flex;
+  gap: calc(var(--osdk-surface-spacing) / 2);
+}
+.headerLabel {
+  font-weight: var(--osdk-typography-weight-bold);
+  color: var(--osdk-typography-color-muted);
+  min-width: 60px;
+  flex-shrink: 0;
+}
+.headerValue {
+  word-break: break-word;
+}
+.subject {
+  font-size: var(--osdk-typography-size-body-large);
+  font-weight: var(--osdk-typography-weight-bold);
+  padding-bottom: calc(var(--osdk-surface-spacing) / 2);
+}
+.bodyContainer {
+  flex: 1;
+  overflow: hidden;
+}
+.bodyIframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+}
+.textBody {
+  padding: var(--osdk-surface-spacing);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-default-rest);
+  white-space: pre-wrap;
+  overflow: auto;
+  height: 100%;
+}
+.emptyBody {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-muted);
+}
+.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/images/image-viewer/BaseImageViewer.module.css */
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-image-viewer-bg);
+  border: var(--osdk-image-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+}
+.image {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.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/images/tiff-viewer/BaseTiffViewer.module.css */
+.container {
+  width: 100%;
+  height: 100%;
+}
+.canvas {
+  height: 100%;
+  object-fit: contain;
+  width: 100%;
+}
+.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/markdown-viewer/BaseMarkdownViewer.module.css */
+.container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-markdown-viewer-bg);
+  border: var(--osdk-markdown-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+  position: relative;
+}
+.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";
+}
+.documentWrapper {
+  flex: 1;
+  overflow: auto;
+  padding: var(--osdk-markdown-viewer-padding);
+}
+.document {
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-default-rest);
+  line-height: var(--osdk-markdown-viewer-line-height);
+}
+.document h1,
+.document h2,
+.document h3,
+.document h4,
+.document h5,
+.document h6 {
+  color: var(--osdk-typography-color-default-rest);
+  margin-top: var(--osdk-markdown-viewer-heading-margin-top);
+  margin-bottom: var(--osdk-markdown-viewer-heading-margin-bottom);
+}
+.document h1 {
+  font-size: var(--osdk-typography-size-heading-large);
+}
+.document h2 {
+  font-size: var(--osdk-typography-size-heading-medium);
+}
+.document h3 {
+  font-size: var(--osdk-typography-size-heading-small);
+}
+.document p {
+  margin-bottom: var(--osdk-markdown-viewer-paragraph-spacing);
+}
+.document a {
+  color: var(--osdk-markdown-viewer-link-color);
+  text-decoration: none;
+}
+.document a:hover {
+  text-decoration: underline;
+}
+.document code {
+  background-color: var(--osdk-markdown-viewer-code-bg);
+  padding: var(--osdk-markdown-viewer-code-inline-padding);
+  border-radius: var(--osdk-markdown-viewer-code-inline-border-radius);
+  font-family: var(--osdk-typography-family-monospace);
+  font-size: 0.9em;
+}
+.document pre {
+  background-color: var(--osdk-markdown-viewer-code-bg);
+  padding: var(--osdk-surface-spacing);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow-x: auto;
+}
+.document pre code {
+  background-color: transparent;
+  padding: 0;
+}
+.document blockquote {
+  border-left: var(--osdk-markdown-viewer-blockquote-border);
+  margin-left: 0;
+  padding-left: var(--osdk-surface-spacing);
+  color: var(--osdk-typography-color-muted);
+}
+.document table {
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: var(--osdk-markdown-viewer-paragraph-spacing);
+}
+.document th,
+.document td {
+  border: 1px solid var(--osdk-markdown-viewer-table-border);
+  padding: calc(var(--osdk-surface-spacing) / 2) var(--osdk-surface-spacing);
+  text-align: left;
+}
+.document th {
+  background-color: var(--osdk-markdown-viewer-code-bg);
+  font-weight: 600;
+}
+.document img {
+  max-width: 100%;
+  height: auto;
+}
+.document hr {
+  border: none;
+  border-top: 1px solid var(--osdk-markdown-viewer-table-border);
+  margin: var(--osdk-markdown-viewer-paragraph-spacing) 0;
+}
+.document ul,
+.document ol {
+  padding-left: 2em;
+  margin-bottom: var(--osdk-markdown-viewer-paragraph-spacing);
+}
+
+/* src/pdf-viewer/components/PdfViewerAnnotationLayer.module.css */
+.annotationLayer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 3;
+}
+.annotationGroup {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.annotationGroup:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.annotationGroup .annotation {
+  pointer-events: auto;
+}
+.annotation {
+  position: absolute;
+  pointer-events: auto;
+  cursor: pointer;
+  transition: opacity var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
+}
+.annotation:hover {
+  opacity: 0.8;
+}
+.annotation:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.highlight {
+  background-color: var( --osdk-pdf-annotation-color, var(--osdk-pdf-viewer-annotation-highlight) );
+  border-radius: 2px;
+}
+.underline {
+  background-color: transparent;
+  border-bottom: 2px solid var( --osdk-pdf-annotation-color, var(--osdk-pdf-viewer-annotation-underline) );
+}
+.comment {
+  background-color: var( --osdk-pdf-annotation-color, var(--osdk-pdf-viewer-annotation-comment) );
+  border-radius: 50%;
+  width: 16px !important;
+  height: 16px !important;
+}
+.pin {
+  background-color: var( --osdk-pdf-annotation-color, var(--osdk-pdf-viewer-annotation-pin) );
+  border-radius: 50% 50% 50% 0;
+  width: 16px !important;
+  height: 16px !important;
+  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);
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--osdk-pdf-viewer-sidebar-bg);
+  border-right: var(--osdk-pdf-viewer-sidebar-border);
+  overflow: hidden;
+}
+.scrollContainer {
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--osdk-pdf-viewer-sidebar-thumbnail-gap) 0;
+}
+.outlineItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-pdf-viewer-outline-item-gap, 6px);
+  padding: var(--osdk-pdf-viewer-outline-item-padding-y, 4px) var(--osdk-pdf-viewer-outline-item-padding-x, 12px);
+  cursor: pointer;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-default-rest);
+  text-decoration: none;
+  border: none;
+  background: none;
+  text-align: left;
+  width: 100%;
+  line-height: 1.4;
+  border-radius: var(--osdk-pdf-viewer-outline-item-radius, 4px);
+  transition: background-color 0.15s ease;
+}
+.outlineItem:hover {
+  background-color: var( --osdk-pdf-viewer-outline-item-hover-bg, rgba(0, 0, 0, 0.06) );
+}
+.outlineItem:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.outlineItemActive {
+  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) );
+  font-weight: var(--osdk-typography-weight-bold);
+}
+.outlineItemBold {
+  font-weight: var(--osdk-typography-weight-bold);
+}
+.outlineItemItalic {
+  font-style: italic;
+}
+.outlineItemIcon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+.outlineItemTitle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.emptyState {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-pdf-viewer-outline-empty-gap, 12px);
+  padding: var(--osdk-pdf-viewer-outline-empty-padding, 24px);
+  flex: 1;
+  text-align: center;
+}
+.emptyStateText {
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-muted);
+}
+
+/* src/pdf-viewer/components/PdfViewerSearchBar.module.css */
+.searchBar {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: var(--osdk-surface-z-index-3);
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-pdf-viewer-toolbar-gap);
+  padding: var(--osdk-surface-spacing);
+  background-color: var(--osdk-pdf-viewer-search-bar-bg);
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-surface-shadow-2);
+  margin: var(--osdk-surface-spacing);
+}
+.searchInput {
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 2);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-default-rest);
+  background-color: var(--osdk-background-primary);
+  outline: none;
+  min-width: 200px;
+}
+.searchInput:focus {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.matchCount {
+  font-size: var(--osdk-typography-size-body-x-small);
+  color: var(--osdk-typography-color-muted);
+  white-space: nowrap;
+}
+.navButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: none;
+  color: var(--osdk-typography-color-default-rest);
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  padding: 0;
+}
+.navButton:hover {
+  background-color: var(--osdk-surface-background-color-default-hover);
+}
+.navButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.closeButton {
+  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);
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--osdk-pdf-viewer-sidebar-bg);
+  border-right: var(--osdk-pdf-viewer-sidebar-border);
+  overflow: hidden;
+}
+.scrollContainer {
+  flex: 1;
+  overflow-y: auto;
+}
+.thumbnailsContainer {
+  position: relative;
+}
+.thumbnailWrapper {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding: var(--osdk-pdf-viewer-sidebar-thumbnail-gap) var(--osdk-pdf-viewer-sidebar-thumbnail-gap) 0;
+}
+.pageNumber {
+  text-align: center;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-muted);
+  margin-top: 4px;
+}
+
+/* src/pdf-viewer/components/PdfViewerToolbar.module.css */
+.toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-pdf-viewer-toolbar-gap);
+  padding: var(--osdk-surface-spacing);
+  background-color: var(--osdk-pdf-viewer-toolbar-bg);
+  border-bottom: var(--osdk-pdf-viewer-toolbar-border);
+  color: var(--osdk-pdf-viewer-toolbar-color);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  flex-shrink: 0;
+}
+.toolbarGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
+.separator {
+  width: 1px;
+  height: 20px;
+  background-color: var(--osdk-surface-border-color-default);
+  margin: 0 var(--osdk-surface-spacing);
+}
+.toolbarButton {
+  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;
+}
+.toolbarButton:hover {
+  background-color: var(--osdk-surface-background-color-default-hover);
+}
+.toolbarButton:active {
+  background-color: var(--osdk-surface-background-color-default-active);
+}
+.toolbarButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.toolbarButton:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.toolbarButtonActive {
+  background-color: var(--osdk-surface-background-color-default-active);
+  color: var(--osdk-typography-color-default-rest);
+}
+.pageInput {
+  width: 48px;
+  text-align: center;
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  padding: calc(0.5 * var(--osdk-surface-spacing)) var(--osdk-surface-spacing);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-default-rest);
+  background-color: var(--osdk-background-primary);
+}
+.pageInput:focus {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.pageCount {
+  color: var(--osdk-typography-color-muted);
+}
+.scaleDisplay {
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-muted);
+  min-width: 40px;
+  text-align: center;
+}
+
+/* src/pdf-viewer/BasePdfViewer.module.css */
+.pdfViewer {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-pdf-viewer-bg);
+  border: var(--osdk-pdf-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+  position: relative;
+}
+.contentArea {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.scrollContainerWrapper {
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+.scrollContainer {
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.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";
+}
+:global(.pdfViewer .page) {
+  box-shadow: var(--osdk-pdf-viewer-page-shadow);
+  background-color: var(--osdk-background-primary);
+  margin: 0 auto var(--osdk-pdf-viewer-page-gap);
+}
+:global(.textLayer) .highlight {
+  background-color: var(--osdk-pdf-viewer-search-highlight);
+  border-radius: 1px;
+}
+:global(.textLayer) .highlight.selected {
+  background-color: var(--osdk-pdf-viewer-search-active);
+}
+:global(.textLayer)::selection {
+  background: var(--osdk-intent-primary-rest);
+}
+
+/* src/spreadsheet-viewer/BaseSpreadsheetViewer.module.css */
+.container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-spreadsheet-viewer-bg);
+  border: var(--osdk-spreadsheet-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+}
+.tableContainer {
+  flex: 1;
+  overflow: auto;
+}
+.table {
+  border-collapse: collapse;
+  width: max-content;
+  min-width: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  border-spacing: 0;
+}
+.columnHeader {
+  background-color: var(--osdk-spreadsheet-viewer-header-bg);
+  border: 1px solid var(--osdk-spreadsheet-viewer-cell-border);
+  padding: var(--osdk-spreadsheet-viewer-cell-padding);
+  text-align: center;
+  font-weight: var(--osdk-typography-weight-default);
+  color: var(--osdk-spreadsheet-viewer-header-color);
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  min-width: var(--osdk-spreadsheet-viewer-col-min-width);
+  user-select: none;
+}
+.cornerCell {
+  background-color: var(--osdk-spreadsheet-viewer-header-bg);
+  border: 1px solid var(--osdk-spreadsheet-viewer-cell-border);
+  position: sticky;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  min-width: var(--osdk-spreadsheet-viewer-row-header-width);
+  width: var(--osdk-spreadsheet-viewer-row-header-width);
+}
+.rowHeader {
+  background-color: var(--osdk-spreadsheet-viewer-header-bg);
+  border: 1px solid var(--osdk-spreadsheet-viewer-cell-border);
+  padding: var(--osdk-spreadsheet-viewer-cell-padding);
+  text-align: center;
+  font-weight: var(--osdk-typography-weight-default);
+  color: var(--osdk-spreadsheet-viewer-header-color);
+  position: sticky;
+  left: 0;
+  z-index: 1;
+  min-width: var(--osdk-spreadsheet-viewer-row-header-width);
+  width: var(--osdk-spreadsheet-viewer-row-header-width);
+  user-select: none;
+}
+.cell {
+  border: 1px solid var(--osdk-spreadsheet-viewer-cell-border);
+  padding: var(--osdk-spreadsheet-viewer-cell-padding);
+  white-space: nowrap;
+  min-width: var(--osdk-spreadsheet-viewer-col-min-width);
+}
+.tabBar {
+  display: flex;
+  align-items: flex-end;
+  gap: var(--osdk-spreadsheet-viewer-tab-gap);
+  border-top: var(--osdk-spreadsheet-viewer-tab-border);
+  background-color: var(--osdk-spreadsheet-viewer-tab-bg);
+  flex-shrink: 0;
+  overflow-x: auto;
+  padding: var(--osdk-spreadsheet-viewer-tab-bar-padding) var(--osdk-spreadsheet-viewer-tab-bar-padding) 0;
+}
+.tab {
+  padding: var(--osdk-spreadsheet-viewer-tab-padding);
+  border: var(--osdk-spreadsheet-viewer-tab-border);
+  border-bottom: none;
+  border-radius: var(--osdk-spreadsheet-viewer-tab-border-radius) var(--osdk-spreadsheet-viewer-tab-border-radius) 0 0;
+  background-color: var(--osdk-spreadsheet-viewer-tab-bg);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-x-small);
+  color: var(--osdk-typography-color-muted);
+  cursor: pointer;
+  white-space: nowrap;
+  position: relative;
+  top: 1px;
+}
+.tab:hover {
+  background-color: var(--osdk-spreadsheet-viewer-tab-hover-bg);
+  color: var(--osdk-typography-color-default-rest);
+}
+.tabActive {
+  background-color: var(--osdk-spreadsheet-viewer-tab-active-bg);
+  color: var(--osdk-typography-color-default-rest);
+  font-weight: var(--osdk-typography-weight-bold);
+  border-bottom: 1px solid var(--osdk-spreadsheet-viewer-tab-active-bg);
+}
+.emptySheet {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-muted);
+}
+.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/video-viewer/BaseVideoViewer.module.css */
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: var(--osdk-video-viewer-bg);
+  border: var(--osdk-video-viewer-border);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+}
+.video {
+  max-width: 100%;
+  max-height: 100%;
+}
+.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/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";
+}
+/*# sourceMappingURL=document-viewer.css.map */