@osdk/react-components 0.45.0 → 0.46.0

package/build/cjs/public/experimental.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunkAU6YJLRT_cjs = require('../chunk-AU6YJLRT.cjs');
-var chunkYCSU5IMD_cjs = require('../chunk-YCSU5IMD.cjs');
-var chunkJ4HBV3P2_cjs = require('../chunk-J4HBV3P2.cjs');
-var chunkNER4ODIR_cjs = require('../chunk-NER4ODIR.cjs');
-var chunkKSCR5PCE_cjs = require('../chunk-KSCR5PCE.cjs');
-var chunkQQXBGYWP_cjs = require('../chunk-QQXBGYWP.cjs');
-var chunk7NPZBKYH_cjs = require('../chunk-7NPZBKYH.cjs');
+var chunkLS44RU72_cjs = require('../chunk-LS44RU72.cjs');
+var chunkI3KITN2A_cjs = require('../chunk-I3KITN2A.cjs');
+var chunkNK5S5G7V_cjs = require('../chunk-NK5S5G7V.cjs');
+var chunkT65VAHZ3_cjs = require('../chunk-T65VAHZ3.cjs');
+var chunkAEQDZPU3_cjs = require('../chunk-AEQDZPU3.cjs');
+var chunkVMFLHUR7_cjs = require('../chunk-VMFLHUR7.cjs');
 require('../chunk-HWBCFCBO.cjs');
-var chunkWALOYQVH_cjs = require('../chunk-WALOYQVH.cjs');
+var chunkUNK7YFKE_cjs = require('../chunk-UNK7YFKE.cjs');
+var chunkD2NDALCM_cjs = require('../chunk-D2NDALCM.cjs');
 var chunk2YA74OKB_cjs = require('../chunk-2YA74OKB.cjs');
-var chunkT6SDOLIX_cjs = require('../chunk-T6SDOLIX.cjs');
-var chunkKKRHM5JK_cjs = require('../chunk-KKRHM5JK.cjs');
+var chunkKGJWCRXE_cjs = require('../chunk-KGJWCRXE.cjs');
+var chunkWMGFXPN6_cjs = require('../chunk-WMGFXPN6.cjs');
 require('../chunk-WBLPQ375.cjs');
 require('../chunk-HC3KLZHF.cjs');
 require('../chunk-3KMJ6NKF.cjs');
 require('../chunk-4FNOUAOZ.cjs');
 require('../chunk-YE4F6HIR.cjs');
-var chunkEIOTTIUV_cjs = require('../chunk-EIOTTIUV.cjs');
+var chunkA4PDCZUY_cjs = require('../chunk-A4PDCZUY.cjs');
 var chunkAMIL4453_cjs = require('../chunk-AMIL4453.cjs');
 require('../chunk-VFRZREZV.cjs');
 require('../chunk-C6IPNPMZ.cjs');
@@ -25,190 +25,190 @@ require('../chunk-DWNKXV5E.cjs');
 require('../chunk-HNBSGCSZ.cjs');
 require('../chunk-7LXS66DW.cjs');
 require('../chunk-QP2LHBCZ.cjs');
-var chunkMG7UDVZR_cjs = require('../chunk-MG7UDVZR.cjs');
+var chunk2CKESSXH_cjs = require('../chunk-2CKESSXH.cjs');
 var chunkKHMOMROL_cjs = require('../chunk-KHMOMROL.cjs');
 var chunkRVZE7LPI_cjs = require('../chunk-RVZE7LPI.cjs');
-var chunkGKDO6NU7_cjs = require('../chunk-GKDO6NU7.cjs');
 var chunkVOROB7KJ_cjs = require('../chunk-VOROB7KJ.cjs');
 var chunkP55Q2MCT_cjs = require('../chunk-P55Q2MCT.cjs');
 var chunkXJDMSVW4_cjs = require('../chunk-XJDMSVW4.cjs');
+var chunk3C5JRKBJ_cjs = require('../chunk-3C5JRKBJ.cjs');
 var chunkLB3IHFAB_cjs = require('../chunk-LB3IHFAB.cjs');
 require('../chunk-UCTQICPR.cjs');
-var chunk4VNSLY36_cjs = require('../chunk-4VNSLY36.cjs');
+var chunkL4MQGDXA_cjs = require('../chunk-L4MQGDXA.cjs');
 var chunkOISZU73V_cjs = require('../chunk-OISZU73V.cjs');
 require('../chunk-MVQKV5BJ.cjs');
-require('../chunk-TVK2XLNJ.cjs');
+require('../chunk-BLPXZKVC.cjs');
 require('../chunk-PZPCRXSV.cjs');
 
 
 
 Object.defineProperty(exports, "VideoViewer", {
   enumerable: true,
-  get: function () { return chunkAU6YJLRT_cjs.VideoViewer; }
+  get: function () { return chunkLS44RU72_cjs.VideoViewer; }
 });
 Object.defineProperty(exports, "XmlViewer", {
   enumerable: true,
-  get: function () { return chunkYCSU5IMD_cjs.XmlViewer; }
-});
-Object.defineProperty(exports, "ExcelViewer", {
-  enumerable: true,
-  get: function () { return chunkJ4HBV3P2_cjs.ExcelViewer; }
+  get: function () { return chunkI3KITN2A_cjs.XmlViewer; }
 });
 Object.defineProperty(exports, "BaseFilterList", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.BaseFilterList; }
+  get: function () { return chunkNK5S5G7V_cjs.BaseFilterList; }
 });
 Object.defineProperty(exports, "FilterInput", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.FilterInput; }
+  get: function () { return chunkNK5S5G7V_cjs.FilterInput; }
 });
 Object.defineProperty(exports, "FilterList", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.FilterList; }
+  get: function () { return chunkNK5S5G7V_cjs.FilterList; }
 });
 Object.defineProperty(exports, "FilterPopover", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.FilterPopover; }
+  get: function () { return chunkNK5S5G7V_cjs.FilterPopover; }
 });
 Object.defineProperty(exports, "NO_VALUE", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.NO_VALUE; }
+  get: function () { return chunkNK5S5G7V_cjs.NO_VALUE; }
 });
 Object.defineProperty(exports, "deserializeFilterStates", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.deserializeFilterStates; }
+  get: function () { return chunkNK5S5G7V_cjs.deserializeFilterStates; }
 });
 Object.defineProperty(exports, "filterHasActiveState", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.filterHasActiveState; }
+  get: function () { return chunkNK5S5G7V_cjs.filterHasActiveState; }
 });
 Object.defineProperty(exports, "getFilterKey", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.getFilterKey; }
+  get: function () { return chunkNK5S5G7V_cjs.getFilterKey; }
 });
 Object.defineProperty(exports, "getFilterLabel", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.getFilterLabel; }
+  get: function () { return chunkNK5S5G7V_cjs.getFilterLabel; }
 });
 Object.defineProperty(exports, "narrowObjectSet", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.narrowObjectSet; }
+  get: function () { return chunkNK5S5G7V_cjs.narrowObjectSet; }
 });
 Object.defineProperty(exports, "serializeFilterStates", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.serializeFilterStates; }
+  get: function () { return chunkNK5S5G7V_cjs.serializeFilterStates; }
 });
 Object.defineProperty(exports, "summarizeFilterValue", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.summarizeFilterValue; }
+  get: function () { return chunkNK5S5G7V_cjs.summarizeFilterValue; }
 });
 Object.defineProperty(exports, "useFilterListState", {
   enumerable: true,
-  get: function () { return chunkNER4ODIR_cjs.useFilterListState; }
+  get: function () { return chunkNK5S5G7V_cjs.useFilterListState; }
 });
 Object.defineProperty(exports, "ImageViewer", {
   enumerable: true,
-  get: function () { return chunkKSCR5PCE_cjs.ImageViewer; }
+  get: function () { return chunkT65VAHZ3_cjs.ImageViewer; }
 });
 Object.defineProperty(exports, "MarkdownViewerMedia", {
   enumerable: true,
-  get: function () { return chunkQQXBGYWP_cjs.MarkdownViewerMedia; }
+  get: function () { return chunkAEQDZPU3_cjs.MarkdownViewerMedia; }
 });
 Object.defineProperty(exports, "BaseTable", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.BaseTable; }
+  get: function () { return chunkVMFLHUR7_cjs.BaseTable; }
 });
 Object.defineProperty(exports, "ColumnConfigDialog", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.ColumnConfigDialog; }
+  get: function () { return chunkVMFLHUR7_cjs.ColumnConfigDialog; }
 });
 Object.defineProperty(exports, "LoadingCell", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.LoadingCell; }
+  get: function () { return chunkVMFLHUR7_cjs.LoadingCell; }
 });
 Object.defineProperty(exports, "LoadingCellContent", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.LoadingCellContent; }
+  get: function () { return chunkVMFLHUR7_cjs.LoadingCellContent; }
 });
 Object.defineProperty(exports, "MultiColumnSortDialog", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.MultiColumnSortDialog; }
+  get: function () { return chunkVMFLHUR7_cjs.MultiColumnSortDialog; }
 });
 Object.defineProperty(exports, "ObjectTable", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.ObjectTable; }
+  get: function () { return chunkVMFLHUR7_cjs.ObjectTable; }
 });
 Object.defineProperty(exports, "useCellContextMenu", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useCellContextMenu; }
+  get: function () { return chunkVMFLHUR7_cjs.useCellContextMenu; }
 });
 Object.defineProperty(exports, "useColumnDefs", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useColumnDefs; }
+  get: function () { return chunkVMFLHUR7_cjs.useColumnDefs; }
 });
 Object.defineProperty(exports, "useColumnPinning", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useColumnPinning; }
+  get: function () { return chunkVMFLHUR7_cjs.useColumnPinning; }
 });
 Object.defineProperty(exports, "useColumnResize", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useColumnResize; }
+  get: function () { return chunkVMFLHUR7_cjs.useColumnResize; }
 });
 Object.defineProperty(exports, "useColumnVisibility", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useColumnVisibility; }
+  get: function () { return chunkVMFLHUR7_cjs.useColumnVisibility; }
 });
 Object.defineProperty(exports, "useEditableTable", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useEditableTable; }
+  get: function () { return chunkVMFLHUR7_cjs.useEditableTable; }
 });
 Object.defineProperty(exports, "useFocusedRow", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useFocusedRow; }
+  get: function () { return chunkVMFLHUR7_cjs.useFocusedRow; }
 });
 Object.defineProperty(exports, "useFunctionColumnsData", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useFunctionColumnsData; }
+  get: function () { return chunkVMFLHUR7_cjs.useFunctionColumnsData; }
 });
 Object.defineProperty(exports, "useObjectTableData", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useObjectTableData; }
+  get: function () { return chunkVMFLHUR7_cjs.useObjectTableData; }
 });
 Object.defineProperty(exports, "useObjectTableSnapshot", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useObjectTableSnapshot; }
+  get: function () { return chunkVMFLHUR7_cjs.useObjectTableSnapshot; }
 });
 Object.defineProperty(exports, "useRowSelection", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useRowSelection; }
+  get: function () { return chunkVMFLHUR7_cjs.useRowSelection; }
 });
 Object.defineProperty(exports, "useSelectionColumn", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useSelectionColumn; }
+  get: function () { return chunkVMFLHUR7_cjs.useSelectionColumn; }
 });
 Object.defineProperty(exports, "useTableSorting", {
   enumerable: true,
-  get: function () { return chunk7NPZBKYH_cjs.useTableSorting; }
+  get: function () { return chunkVMFLHUR7_cjs.useTableSorting; }
 });
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
-  get: function () { return chunkWALOYQVH_cjs.PdfViewer; }
+  get: function () { return chunkUNK7YFKE_cjs.PdfViewer; }
 });
 Object.defineProperty(exports, "PdfViewerContent", {
   enumerable: true,
-  get: function () { return chunkWALOYQVH_cjs.PdfViewerContent; }
+  get: function () { return chunkUNK7YFKE_cjs.PdfViewerContent; }
 });
 Object.defineProperty(exports, "PdfViewerProvider", {
   enumerable: true,
-  get: function () { return chunkWALOYQVH_cjs.PdfViewerProvider; }
+  get: function () { return chunkUNK7YFKE_cjs.PdfViewerProvider; }
 });
 Object.defineProperty(exports, "usePdfViewerContext", {
   enumerable: true,
-  get: function () { return chunkWALOYQVH_cjs.usePdfViewerContext; }
+  get: function () { return chunkUNK7YFKE_cjs.usePdfViewerContext; }
 });
 Object.defineProperty(exports, "usePdfViewerInstance", {
   enumerable: true,
-  get: function () { return chunkWALOYQVH_cjs.usePdfViewerInstance; }
+  get: function () { return chunkUNK7YFKE_cjs.usePdfViewerInstance; }
+});
+Object.defineProperty(exports, "SpreadsheetViewer", {
+  enumerable: true,
+  get: function () { return chunkD2NDALCM_cjs.SpreadsheetViewer; }
 });
 Object.defineProperty(exports, "OsdkThemeProvider", {
   enumerable: true,
@@ -220,51 +220,51 @@ Object.defineProperty(exports, "useOsdkTheme", {
 });
 Object.defineProperty(exports, "TiffViewerMedia", {
   enumerable: true,
-  get: function () { return chunkT6SDOLIX_cjs.TiffViewerMedia; }
+  get: function () { return chunkKGJWCRXE_cjs.TiffViewerMedia; }
 });
 Object.defineProperty(exports, "ActionForm", {
   enumerable: true,
-  get: function () { return chunkKKRHM5JK_cjs.ActionForm; }
+  get: function () { return chunkWMGFXPN6_cjs.ActionForm; }
 });
 Object.defineProperty(exports, "BaseForm", {
   enumerable: true,
-  get: function () { return chunkKKRHM5JK_cjs.BaseForm; }
+  get: function () { return chunkWMGFXPN6_cjs.BaseForm; }
 });
 Object.defineProperty(exports, "BaseCbacPicker", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.BaseCbacPicker; }
+  get: function () { return chunkA4PDCZUY_cjs.BaseCbacPicker; }
 });
 Object.defineProperty(exports, "BaseCbacPickerDialog", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.BaseCbacPickerDialog; }
+  get: function () { return chunkA4PDCZUY_cjs.BaseCbacPickerDialog; }
 });
 Object.defineProperty(exports, "CbacBannerPopover", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.CbacBannerPopover; }
+  get: function () { return chunkA4PDCZUY_cjs.CbacBannerPopover; }
 });
 Object.defineProperty(exports, "CbacPicker", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.CbacPicker; }
+  get: function () { return chunkA4PDCZUY_cjs.CbacPicker; }
 });
 Object.defineProperty(exports, "CbacPickerDialog", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.CbacPickerDialog; }
+  get: function () { return chunkA4PDCZUY_cjs.CbacPickerDialog; }
 });
 Object.defineProperty(exports, "MaxClassificationField", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.MaxClassificationField; }
+  get: function () { return chunkA4PDCZUY_cjs.MaxClassificationField; }
 });
 Object.defineProperty(exports, "computeMarkingStates", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.computeMarkingStates; }
+  get: function () { return chunkA4PDCZUY_cjs.computeMarkingStates; }
 });
 Object.defineProperty(exports, "groupMarkingsByCategory", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.groupMarkingsByCategory; }
+  get: function () { return chunkA4PDCZUY_cjs.groupMarkingsByCategory; }
 });
 Object.defineProperty(exports, "toggleMarking", {
   enumerable: true,
-  get: function () { return chunkEIOTTIUV_cjs.toggleMarking; }
+  get: function () { return chunkA4PDCZUY_cjs.toggleMarking; }
 });
 Object.defineProperty(exports, "BaseCbacBanner", {
   enumerable: true,
@@ -276,11 +276,11 @@ Object.defineProperty(exports, "CbacBanner", {
 });
 Object.defineProperty(exports, "DocumentViewer", {
   enumerable: true,
-  get: function () { return chunkMG7UDVZR_cjs.DocumentViewer; }
+  get: function () { return chunk2CKESSXH_cjs.DocumentViewer; }
 });
 Object.defineProperty(exports, "ViewerType", {
   enumerable: true,
-  get: function () { return chunkMG7UDVZR_cjs.ViewerType; }
+  get: function () { return chunk2CKESSXH_cjs.ViewerType; }
 });
 Object.defineProperty(exports, "BaseVideoViewer", {
   enumerable: true,
@@ -290,10 +290,6 @@ Object.defineProperty(exports, "BaseXmlViewer", {
   enumerable: true,
   get: function () { return chunkRVZE7LPI_cjs.BaseXmlViewer; }
 });
-Object.defineProperty(exports, "BaseExcelViewer", {
-  enumerable: true,
-  get: function () { return chunkGKDO6NU7_cjs.BaseExcelViewer; }
-});
 Object.defineProperty(exports, "BaseImageViewer", {
   enumerable: true,
   get: function () { return chunkVOROB7KJ_cjs.BaseImageViewer; }
@@ -370,13 +366,17 @@ Object.defineProperty(exports, "usePdfViewerSync", {
   enumerable: true,
   get: function () { return chunkXJDMSVW4_cjs.usePdfViewerSync; }
 });
+Object.defineProperty(exports, "BaseSpreadsheetViewer", {
+  enumerable: true,
+  get: function () { return chunk3C5JRKBJ_cjs.BaseSpreadsheetViewer; }
+});
 Object.defineProperty(exports, "TiffRenderer", {
   enumerable: true,
   get: function () { return chunkLB3IHFAB_cjs.TiffRenderer; }
 });
 Object.defineProperty(exports, "EmailViewer", {
   enumerable: true,
-  get: function () { return chunk4VNSLY36_cjs.EmailViewer; }
+  get: function () { return chunkL4MQGDXA_cjs.EmailViewer; }
 });
 Object.defineProperty(exports, "BaseEmailViewer", {
   enumerable: true,

package/build/cjs/public/experimental.css

@@ -2361,128 +2361,6 @@
   composes: errorIcon from "../shared/LoadingError.module.css";
 }
 
-/* src/excel-viewer/BaseExcelViewer.module.css */
-.container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background-color: var(--osdk-excel-viewer-bg);
-  border: var(--osdk-excel-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-excel-viewer-header-bg);
-  border: 1px solid var(--osdk-excel-viewer-cell-border);
-  padding: var(--osdk-excel-viewer-cell-padding);
-  text-align: center;
-  font-weight: var(--osdk-typography-weight-default);
-  color: var(--osdk-excel-viewer-header-color);
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  min-width: var(--osdk-excel-viewer-col-min-width);
-  user-select: none;
-}
-.cornerCell {
-  background-color: var(--osdk-excel-viewer-header-bg);
-  border: 1px solid var(--osdk-excel-viewer-cell-border);
-  position: sticky;
-  top: 0;
-  left: 0;
-  z-index: 3;
-  min-width: var(--osdk-excel-viewer-row-header-width);
-  width: var(--osdk-excel-viewer-row-header-width);
-}
-.rowHeader {
-  background-color: var(--osdk-excel-viewer-header-bg);
-  border: 1px solid var(--osdk-excel-viewer-cell-border);
-  padding: var(--osdk-excel-viewer-cell-padding);
-  text-align: center;
-  font-weight: var(--osdk-typography-weight-default);
-  color: var(--osdk-excel-viewer-header-color);
-  position: sticky;
-  left: 0;
-  z-index: 1;
-  min-width: var(--osdk-excel-viewer-row-header-width);
-  width: var(--osdk-excel-viewer-row-header-width);
-  user-select: none;
-}
-.cell {
-  border: 1px solid var(--osdk-excel-viewer-cell-border);
-  padding: var(--osdk-excel-viewer-cell-padding);
-  white-space: nowrap;
-  min-width: var(--osdk-excel-viewer-col-min-width);
-}
-.tabBar {
-  display: flex;
-  align-items: flex-end;
-  gap: var(--osdk-excel-viewer-tab-gap);
-  border-top: var(--osdk-excel-viewer-tab-border);
-  background-color: var(--osdk-excel-viewer-tab-bg);
-  flex-shrink: 0;
-  overflow-x: auto;
-  padding: var(--osdk-excel-viewer-tab-bar-padding) var(--osdk-excel-viewer-tab-bar-padding) 0;
-}
-.tab {
-  padding: var(--osdk-excel-viewer-tab-padding);
-  border: var(--osdk-excel-viewer-tab-border);
-  border-bottom: none;
-  border-radius: var(--osdk-excel-viewer-tab-border-radius) var(--osdk-excel-viewer-tab-border-radius) 0 0;
-  background-color: var(--osdk-excel-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-excel-viewer-tab-hover-bg);
-  color: var(--osdk-typography-color-default-rest);
-}
-.tabActive {
-  background-color: var(--osdk-excel-viewer-tab-active-bg);
-  color: var(--osdk-typography-color-default-rest);
-  font-weight: var(--osdk-typography-weight-bold);
-  border-bottom: 1px solid var(--osdk-excel-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/images/image-viewer/BaseImageViewer.module.css */
 .container {
   display: flex;
@@ -3091,6 +2969,128 @@
   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;