@osdk/react-components 0.45.0 → 0.46.0

package/build/{esm/excel-viewer/BaseExcelViewer.module.css → browser/spreadsheet-viewer/BaseSpreadsheetViewer.module.css}

@@ -3,8 +3,8 @@
   flex-direction: column;
   width: 100%;
   height: 100%;
-  background-color: var(--osdk-excel-viewer-bg);
-  border: var(--osdk-excel-viewer-border);
+  background-color: var(--osdk-spreadsheet-viewer-bg);
+  border: var(--osdk-spreadsheet-viewer-border);
   border-radius: var(--osdk-surface-border-radius);
   overflow: hidden;
 }
@@ -25,75 +25,75 @@
 
 /* Column letter headers (A, B, C...) */
 .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);
+  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-excel-viewer-header-color);
+  color: var(--osdk-spreadsheet-viewer-header-color);
   position: sticky;
   top: 0;
   z-index: 2;
-  min-width: var(--osdk-excel-viewer-col-min-width);
+  min-width: var(--osdk-spreadsheet-viewer-col-min-width);
   user-select: none;
 }
 
 /* Top-left corner cell */
 .cornerCell {
-  background-color: var(--osdk-excel-viewer-header-bg);
-  border: 1px solid var(--osdk-excel-viewer-cell-border);
+  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-excel-viewer-row-header-width);
-  width: var(--osdk-excel-viewer-row-header-width);
+  min-width: var(--osdk-spreadsheet-viewer-row-header-width);
+  width: var(--osdk-spreadsheet-viewer-row-header-width);
 }
 
 /* Row number headers (1, 2, 3...) */
 .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);
+  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-excel-viewer-header-color);
+  color: var(--osdk-spreadsheet-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);
+  min-width: var(--osdk-spreadsheet-viewer-row-header-width);
+  width: var(--osdk-spreadsheet-viewer-row-header-width);
   user-select: none;
 }
 
 /* Data cells */
 .cell {
-  border: 1px solid var(--osdk-excel-viewer-cell-border);
-  padding: var(--osdk-excel-viewer-cell-padding);
+  border: 1px solid var(--osdk-spreadsheet-viewer-cell-border);
+  padding: var(--osdk-spreadsheet-viewer-cell-padding);
   white-space: nowrap;
-  min-width: var(--osdk-excel-viewer-col-min-width);
+  min-width: var(--osdk-spreadsheet-viewer-col-min-width);
 }
 
 /* Sheet tabs bar */
 .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);
+  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-excel-viewer-tab-bar-padding)
-    var(--osdk-excel-viewer-tab-bar-padding) 0;
+  padding: var(--osdk-spreadsheet-viewer-tab-bar-padding)
+    var(--osdk-spreadsheet-viewer-tab-bar-padding) 0;
 }
 
 .tab {
-  padding: var(--osdk-excel-viewer-tab-padding);
-  border: var(--osdk-excel-viewer-tab-border);
+  padding: var(--osdk-spreadsheet-viewer-tab-padding);
+  border: var(--osdk-spreadsheet-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);
+  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);
@@ -104,15 +104,15 @@
 }
 
 .tab:hover {
-  background-color: var(--osdk-excel-viewer-tab-hover-bg);
+  background-color: var(--osdk-spreadsheet-viewer-tab-hover-bg);
   color: var(--osdk-typography-color-default-rest);
 }
 
 .tabActive {
-  background-color: var(--osdk-excel-viewer-tab-active-bg);
+  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-excel-viewer-tab-active-bg);
+  border-bottom: 1px solid var(--osdk-spreadsheet-viewer-tab-active-bg);
 }
 
 .emptySheet {

package/build/browser/spreadsheet-viewer/BaseSpreadsheetViewer.module.css.js

@@ -0,0 +1,20 @@
+// CSS Module proxy for BaseSpreadsheetViewer.module.css
+const styles = {
+  "container": "BaseSpreadsheetViewer-module__container___Q6fCAZq7",
+  "tableContainer": "BaseSpreadsheetViewer-module__tableContainer___1hPWOqC9",
+  "table": "BaseSpreadsheetViewer-module__table___PhzcCMck",
+  "columnHeader": "BaseSpreadsheetViewer-module__columnHeader___PikH2PCN",
+  "cornerCell": "BaseSpreadsheetViewer-module__cornerCell___6efYKv0k",
+  "rowHeader": "BaseSpreadsheetViewer-module__rowHeader___aj7rg-Zd",
+  "cell": "BaseSpreadsheetViewer-module__cell___W1P6ngrA",
+  "tabBar": "BaseSpreadsheetViewer-module__tabBar___osslXS-3",
+  "tab": "BaseSpreadsheetViewer-module__tab___F2goDBk8",
+  "tabActive": "BaseSpreadsheetViewer-module__tabActive___wkZiGqIK",
+  "emptySheet": "BaseSpreadsheetViewer-module__emptySheet___7UTmEnQv",
+  "loadingContainer": "BaseSpreadsheetViewer-module__loadingContainer___1hos5Aw1 LoadingError-module__loadingContainer___bPqIqyjp",
+  "errorContainer": "BaseSpreadsheetViewer-module__errorContainer___1CASbSQ2 LoadingError-module__errorContainer___xvYKZ55o",
+  "spinnerIcon": "BaseSpreadsheetViewer-module__spinnerIcon___hgQ24UZX LoadingError-module__spinnerIcon___t3TNZqEL",
+  "errorIcon": "BaseSpreadsheetViewer-module__errorIcon___rr5wzi1w LoadingError-module__errorIcon___q4oREdZx"
+};
+
+export default styles;

package/build/browser/{excel-viewer/ExcelViewer.js → spreadsheet-viewer/SpreadsheetViewer.js}

@@ -19,13 +19,13 @@ import { Error as ErrorIcon, Spin } from "@blueprintjs/icons";
 import classnames from "classnames";
 import React, { useCallback } from "react";
 import { useMediaContents } from "../shared/hooks/useMediaContents.js";
-import { BaseExcelViewer } from "./BaseExcelViewer.js";
+import { BaseSpreadsheetViewer } from "./BaseSpreadsheetViewer.js";
 import { parseSpreadsheetFromResponse } from "./parseSpreadsheet.js";
-import styles from "./BaseExcelViewer.module.css.js";
-export function ExcelViewer({
+import styles from "./BaseSpreadsheetViewer.module.css.js";
+export function SpreadsheetViewer({
   media,
   className,
-  ...excelViewerProps
+  ...spreadsheetViewerProps
 }) {
   const {
     data: spreadsheet,
@@ -43,8 +43,8 @@ export function ExcelViewer({
     className: styles.errorContainer
   }, /*#__PURE__*/React.createElement(ErrorIcon, {
     className: styles.errorIcon
-  }), "Failed to load spreadsheet: ", error.message), spreadsheet != null && /*#__PURE__*/React.createElement(BaseExcelViewer, _extends({
+  }), "Failed to load spreadsheet: ", error.message), spreadsheet != null && /*#__PURE__*/React.createElement(BaseSpreadsheetViewer, _extends({
     spreadsheet: spreadsheet
-  }, excelViewerProps)));
+  }, spreadsheetViewerProps)));
 }
-//# sourceMappingURL=ExcelViewer.js.map
+//# sourceMappingURL=SpreadsheetViewer.js.map

package/build/browser/spreadsheet-viewer/SpreadsheetViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpreadsheetViewer.js","names":["Error","ErrorIcon","Spin","classnames","React","useCallback","useMediaContents","BaseSpreadsheetViewer","parseSpreadsheetFromResponse","styles","SpreadsheetViewer","media","className","spreadsheetViewerProps","data","spreadsheet","loading","error","rootClassName","container","createElement","loadingContainer","spinnerIcon","errorContainer","errorIcon","message","_extends"],"sources":["SpreadsheetViewer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Error as ErrorIcon, Spin } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { useCallback } from \"react\";\n\nimport { useMediaContents } from \"../shared/hooks/useMediaContents.js\";\nimport { BaseSpreadsheetViewer } from \"./BaseSpreadsheetViewer.js\";\nimport { parseSpreadsheetFromResponse } from \"./parseSpreadsheet.js\";\nimport type {\n  ParsedSpreadsheet,\n  SpreadsheetViewerMediaProps,\n} from \"./SpreadsheetViewerApi.js\";\n\nimport styles from \"./BaseSpreadsheetViewer.module.css\";\n\nexport function SpreadsheetViewer({\n  media,\n  className,\n  ...spreadsheetViewerProps\n}: SpreadsheetViewerMediaProps): React.ReactElement {\n  const {\n    data: spreadsheet,\n    loading,\n    error,\n  } = useMediaContents<ParsedSpreadsheet>(\n    media,\n    useCallback(parseSpreadsheetFromResponse, []),\n  );\n\n  const rootClassName = classnames(styles.container, className);\n\n  return (\n    <div className={rootClassName}>\n      {loading && (\n        <div className={styles.loadingContainer}>\n          <Spin className={styles.spinnerIcon} />\n          Loading…\n        </div>\n      )}\n      {error != null && (\n        <div className={styles.errorContainer}>\n          <ErrorIcon className={styles.errorIcon} />\n          Failed to load spreadsheet: {error.message}\n        </div>\n      )}\n      {spreadsheet != null && (\n        <BaseSpreadsheetViewer\n          spreadsheet={spreadsheet}\n          {...spreadsheetViewerProps}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,IAAIC,SAAS,EAAEC,IAAI,QAAQ,oBAAoB;AAC7D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,4BAA4B,QAAQ,uBAAuB;AAMpE,OAAOC,MAAM,MAAM,oCAAoC;AAEvD,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,SAAS;EACT,GAAGC;AACwB,CAAC,EAAsB;EAClD,MAAM;IACJC,IAAI,EAAEC,WAAW;IACjBC,OAAO;IACPC;EACF,CAAC,GAAGX,gBAAgB,CAClBK,KAAK,EACLN,WAAW,CAACG,4BAA4B,EAAE,EAAE,CAC9C,CAAC;EAED,MAAMU,aAAa,GAAGf,UAAU,CAACM,MAAM,CAACU,SAAS,EAAEP,SAAS,CAAC;EAE7D,oBACER,KAAA,CAAAgB,aAAA;IAAKR,SAAS,EAAEM;EAAc,GAC3BF,OAAO,iBACNZ,KAAA,CAAAgB,aAAA;IAAKR,SAAS,EAAEH,MAAM,CAACY;EAAiB,gBACtCjB,KAAA,CAAAgB,aAAA,CAAClB,IAAI;IAACU,SAAS,EAAEH,MAAM,CAACa;EAAY,CAAE,CAAC,iBAEpC,CACN,EACAL,KAAK,IAAI,IAAI,iBACZb,KAAA,CAAAgB,aAAA;IAAKR,SAAS,EAAEH,MAAM,CAACc;EAAe,gBACpCnB,KAAA,CAAAgB,aAAA,CAACnB,SAAS;IAACW,SAAS,EAAEH,MAAM,CAACe;EAAU,CAAE,CAAC,gCACd,EAACP,KAAK,CAACQ,OAChC,CACN,EACAV,WAAW,IAAI,IAAI,iBAClBX,KAAA,CAAAgB,aAAA,CAACb,qBAAqB,EAAAmB,QAAA;IACpBX,WAAW,EAAEA;EAAY,GACrBF,sBAAsB,CAC3B,CAEA,CAAC;AAEV","ignoreList":[]}

package/build/browser/spreadsheet-viewer/SpreadsheetViewerApi.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SpreadsheetViewerApi.js.map

package/build/browser/spreadsheet-viewer/SpreadsheetViewerApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpreadsheetViewerApi.js","names":[],"sources":["SpreadsheetViewerApi.ts"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Media } from \"@osdk/api\";\n\nexport interface SheetData {\n  /** Sheet name */\n  name: string;\n  /** Rows of cell values as strings */\n  rows: readonly (readonly string[])[];\n}\n\nexport interface ParsedSpreadsheet {\n  /** All sheets in the workbook */\n  sheets: readonly SheetData[];\n}\n\nexport interface BaseSpreadsheetViewerProps {\n  /** Parsed spreadsheet data */\n  spreadsheet: ParsedSpreadsheet;\n  /** Additional CSS class name for the root element\n   * @default undefined */\n  className?: string;\n}\n\nexport interface SpreadsheetViewerMediaProps extends Omit<\n  BaseSpreadsheetViewerProps,\n  \"spreadsheet\"\n> {\n  /** The Media object to fetch spreadsheet contents from */\n  media: Media;\n}\n"],"mappings":"","ignoreList":[]}

package/build/browser/spreadsheet-viewer/parseSpreadsheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSpreadsheet.js","names":["read","utils","parseSpreadsheetFromResponse","response","buffer","arrayBuffer","workbook","type","sheets","SheetNames","map","name","sheet","Sheets","rows","sheet_to_json","header","defval","raw"],"sources":["parseSpreadsheet.ts"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* cspell:words defval */\n\nimport { read, utils } from \"xlsx-republish\";\n\nimport type { ParsedSpreadsheet, SheetData } from \"./SpreadsheetViewerApi.js\";\n\nexport async function parseSpreadsheetFromResponse(\n  response: Response,\n): Promise<ParsedSpreadsheet> {\n  const buffer = await response.arrayBuffer();\n  const workbook = read(buffer, { type: \"array\" });\n\n  const sheets: SheetData[] = workbook.SheetNames.map((name) => {\n    const sheet = workbook.Sheets[name];\n    const rows: string[][] =\n      sheet != null\n        ? utils.sheet_to_json<string[]>(sheet, {\n            header: 1,\n            defval: \"\",\n            raw: false,\n          })\n        : [];\n    return { name, rows };\n  });\n\n  return { sheets };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA,SAASA,IAAI,EAAEC,KAAK,QAAQ,gBAAgB;AAI5C,OAAO,eAAeC,4BAA4BA,CAChDC,QAAkB,EACU;EAC5B,MAAMC,MAAM,GAAG,MAAMD,QAAQ,CAACE,WAAW,CAAC,CAAC;EAC3C,MAAMC,QAAQ,GAAGN,IAAI,CAACI,MAAM,EAAE;IAAEG,IAAI,EAAE;EAAQ,CAAC,CAAC;EAEhD,MAAMC,MAAmB,GAAGF,QAAQ,CAACG,UAAU,CAACC,GAAG,CAAEC,IAAI,IAAK;IAC5D,MAAMC,KAAK,GAAGN,QAAQ,CAACO,MAAM,CAACF,IAAI,CAAC;IACnC,MAAMG,IAAgB,GACpBF,KAAK,IAAI,IAAI,GACTX,KAAK,CAACc,aAAa,CAAWH,KAAK,EAAE;MACnCI,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE;IACP,CAAC,CAAC,GACF,EAAE;IACR,OAAO;MAAEP,IAAI;MAAEG;IAAK,CAAC;EACvB,CAAC,CAAC;EAEF,OAAO;IAAEN;EAAO,CAAC;AACnB","ignoreList":[]}

package/build/browser/styles.css

@@ -1273,29 +1273,6 @@
   --osdk-email-viewer-header-bg: var(--osdk-background-secondary);
   --osdk-email-viewer-header-border: var(--osdk-surface-border);
 }
-:root {
-  /* Excel Viewer - Container */
-  --osdk-excel-viewer-bg: var(--osdk-background-primary);
-  --osdk-excel-viewer-border: var(--osdk-surface-border);
-
-  /* Excel Viewer - Table */
-  --osdk-excel-viewer-header-bg: var(--osdk-background-secondary);
-  --osdk-excel-viewer-header-color: var(--osdk-typography-color-muted);
-  --osdk-excel-viewer-cell-border: var(--osdk-surface-border-color-default);
-  --osdk-excel-viewer-cell-padding: 2px 6px;
-  --osdk-excel-viewer-col-min-width: 80px;
-  --osdk-excel-viewer-row-header-width: 40px;
-
-  /* Excel Viewer - Sheet Tabs */
-  --osdk-excel-viewer-tab-bg: var(--osdk-background-secondary);
-  --osdk-excel-viewer-tab-hover-bg: var(--osdk-background-tertiary);
-  --osdk-excel-viewer-tab-active-bg: var(--osdk-background-primary);
-  --osdk-excel-viewer-tab-border: var(--osdk-surface-border);
-  --osdk-excel-viewer-tab-border-radius: 4px;
-  --osdk-excel-viewer-tab-padding: 4px 12px;
-  --osdk-excel-viewer-tab-bar-padding: 4px;
-  --osdk-excel-viewer-tab-gap: 2px;
-}
 :root {
   /* Trigger — styled to look like an input */
   --osdk-file-picker-trigger-height: var(--osdk-input-min-height);
@@ -2173,6 +2150,31 @@
      a smaller cap when there is less room around the trigger. */
   --osdk-select-popup-max-height: 320px;
 }
+:root {
+  /* Spreadsheet Viewer - Container */
+  --osdk-spreadsheet-viewer-bg: var(--osdk-background-primary);
+  --osdk-spreadsheet-viewer-border: var(--osdk-surface-border);
+
+  /* Spreadsheet Viewer - Table */
+  --osdk-spreadsheet-viewer-header-bg: var(--osdk-background-secondary);
+  --osdk-spreadsheet-viewer-header-color: var(--osdk-typography-color-muted);
+  --osdk-spreadsheet-viewer-cell-border: var(
+    --osdk-surface-border-color-default
+  );
+  --osdk-spreadsheet-viewer-cell-padding: 2px 6px;
+  --osdk-spreadsheet-viewer-col-min-width: 80px;
+  --osdk-spreadsheet-viewer-row-header-width: 40px;
+
+  /* Spreadsheet Viewer - Sheet Tabs */
+  --osdk-spreadsheet-viewer-tab-bg: var(--osdk-background-secondary);
+  --osdk-spreadsheet-viewer-tab-hover-bg: var(--osdk-background-tertiary);
+  --osdk-spreadsheet-viewer-tab-active-bg: var(--osdk-background-primary);
+  --osdk-spreadsheet-viewer-tab-border: var(--osdk-surface-border);
+  --osdk-spreadsheet-viewer-tab-border-radius: 4px;
+  --osdk-spreadsheet-viewer-tab-padding: 4px 12px;
+  --osdk-spreadsheet-viewer-tab-bar-padding: 4px;
+  --osdk-spreadsheet-viewer-tab-gap: 2px;
+}
 :root {
   /* Table Border */
   --osdk-table-border-color: var(--osdk-surface-border-color-default);
@@ -6473,180 +6475,6 @@
 }
 
 
-/* excel-viewer/BaseExcelViewer.module.css */
-.LoadingError-module__loadingContainer___bPqIqyjp {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: calc(var(--osdk-surface-spacing) * 2);
-  height: 100%;
-  font-family: var(--osdk-typography-family-default);
-  font-size: var(--osdk-typography-size-body-medium);
-  color: var(--osdk-typography-color-muted);
-}.LoadingError-module__errorContainer___xvYKZ55o {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--osdk-surface-spacing);
-  height: 100%;
-  font-family: var(--osdk-typography-family-default);
-  font-size: var(--osdk-typography-size-body-medium);
-  color: var(--osdk-typography-color-danger-rest);
-}@keyframes LoadingError-module__spin___Jg0LuDuJ {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}.LoadingError-module__spinnerIcon___t3TNZqEL {
-  animation: LoadingError-module__spin___Jg0LuDuJ 1s linear infinite;
-  color: var(--osdk-typography-color-muted);
-}.LoadingError-module__errorIcon___q4oREdZx {
-  flex-shrink: 0;
-}
-
-.BaseExcelViewer-module__container___agvsuGcT {
-  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;
-}
-
-.BaseExcelViewer-module__tableContainer___G2ltbmLs {
-  flex: 1;
-  overflow: auto;
-}
-
-.BaseExcelViewer-module__table___rik9AmXW {
-  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;
-}
-
-/* Column letter headers (A, B, C...) */
-.BaseExcelViewer-module__columnHeader___GNzVoKYb {
-  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;
-}
-
-/* Top-left corner cell */
-.BaseExcelViewer-module__cornerCell___bf--4w7V {
-  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);
-}
-
-/* Row number headers (1, 2, 3...) */
-.BaseExcelViewer-module__rowHeader___LwAO-BKT {
-  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;
-}
-
-/* Data cells */
-.BaseExcelViewer-module__cell___qwidLxqb {
-  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);
-}
-
-/* Sheet tabs bar */
-.BaseExcelViewer-module__tabBar___5B88ogEW {
-  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;
-}
-
-.BaseExcelViewer-module__tab___diaQn1s5 {
-  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;
-}
-
-.BaseExcelViewer-module__tab___diaQn1s5:hover {
-  background-color: var(--osdk-excel-viewer-tab-hover-bg);
-  color: var(--osdk-typography-color-default-rest);
-}
-
-.BaseExcelViewer-module__tabActive___vAyEHXgz {
-  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);
-}
-
-.BaseExcelViewer-module__emptySheet___m803adgC {
-  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);
-}
-
-.BaseExcelViewer-module__loadingContainer___Gd27-g3K {
-}
-
-.BaseExcelViewer-module__errorContainer___z8qexUdy {
-}
-
-.BaseExcelViewer-module__spinnerIcon___kXDWsJIN {
-}
-
-.BaseExcelViewer-module__errorIcon___iO2-BVFw {
-}
-
-
 /* filter-list/base/AddFilterPopover.module.css */
 /*
  * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
@@ -11418,6 +11246,180 @@
 }
 
 
+/* spreadsheet-viewer/BaseSpreadsheetViewer.module.css */
+.LoadingError-module__loadingContainer___bPqIqyjp {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  height: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-muted);
+}.LoadingError-module__errorContainer___xvYKZ55o {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-surface-spacing);
+  height: 100%;
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-danger-rest);
+}@keyframes LoadingError-module__spin___Jg0LuDuJ {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}.LoadingError-module__spinnerIcon___t3TNZqEL {
+  animation: LoadingError-module__spin___Jg0LuDuJ 1s linear infinite;
+  color: var(--osdk-typography-color-muted);
+}.LoadingError-module__errorIcon___q4oREdZx {
+  flex-shrink: 0;
+}
+
+.BaseSpreadsheetViewer-module__container___Q6fCAZq7 {
+  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;
+}
+
+.BaseSpreadsheetViewer-module__tableContainer___1hPWOqC9 {
+  flex: 1;
+  overflow: auto;
+}
+
+.BaseSpreadsheetViewer-module__table___PhzcCMck {
+  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;
+}
+
+/* Column letter headers (A, B, C...) */
+.BaseSpreadsheetViewer-module__columnHeader___PikH2PCN {
+  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;
+}
+
+/* Top-left corner cell */
+.BaseSpreadsheetViewer-module__cornerCell___6efYKv0k {
+  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);
+}
+
+/* Row number headers (1, 2, 3...) */
+.BaseSpreadsheetViewer-module__rowHeader___aj7rg-Zd {
+  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;
+}
+
+/* Data cells */
+.BaseSpreadsheetViewer-module__cell___W1P6ngrA {
+  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);
+}
+
+/* Sheet tabs bar */
+.BaseSpreadsheetViewer-module__tabBar___osslXS-3 {
+  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;
+}
+
+.BaseSpreadsheetViewer-module__tab___F2goDBk8 {
+  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;
+}
+
+.BaseSpreadsheetViewer-module__tab___F2goDBk8:hover {
+  background-color: var(--osdk-spreadsheet-viewer-tab-hover-bg);
+  color: var(--osdk-typography-color-default-rest);
+}
+
+.BaseSpreadsheetViewer-module__tabActive___wkZiGqIK {
+  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);
+}
+
+.BaseSpreadsheetViewer-module__emptySheet___7UTmEnQv {
+  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);
+}
+
+.BaseSpreadsheetViewer-module__loadingContainer___1hos5Aw1 {
+}
+
+.BaseSpreadsheetViewer-module__errorContainer___1CASbSQ2 {
+}
+
+.BaseSpreadsheetViewer-module__spinnerIcon___hgQ24UZX {
+}
+
+.BaseSpreadsheetViewer-module__errorIcon___rr5wzi1w {
+}
+
+
 /* video-viewer/BaseVideoViewer.module.css */
 .LoadingError-module__loadingContainer___bPqIqyjp {
   display: flex;

package/build/browser/tokens/component-tokens/spreadsheet-viewer.css

@@ -0,0 +1,25 @@
+:root {
+  /* Spreadsheet Viewer - Container */
+  --osdk-spreadsheet-viewer-bg: var(--osdk-background-primary);
+  --osdk-spreadsheet-viewer-border: var(--osdk-surface-border);
+
+  /* Spreadsheet Viewer - Table */
+  --osdk-spreadsheet-viewer-header-bg: var(--osdk-background-secondary);
+  --osdk-spreadsheet-viewer-header-color: var(--osdk-typography-color-muted);
+  --osdk-spreadsheet-viewer-cell-border: var(
+    --osdk-surface-border-color-default
+  );
+  --osdk-spreadsheet-viewer-cell-padding: 2px 6px;
+  --osdk-spreadsheet-viewer-col-min-width: 80px;
+  --osdk-spreadsheet-viewer-row-header-width: 40px;
+
+  /* Spreadsheet Viewer - Sheet Tabs */
+  --osdk-spreadsheet-viewer-tab-bg: var(--osdk-background-secondary);
+  --osdk-spreadsheet-viewer-tab-hover-bg: var(--osdk-background-tertiary);
+  --osdk-spreadsheet-viewer-tab-active-bg: var(--osdk-background-primary);
+  --osdk-spreadsheet-viewer-tab-border: var(--osdk-surface-border);
+  --osdk-spreadsheet-viewer-tab-border-radius: 4px;
+  --osdk-spreadsheet-viewer-tab-padding: 4px 12px;
+  --osdk-spreadsheet-viewer-tab-bar-padding: 4px;
+  --osdk-spreadsheet-viewer-tab-gap: 2px;
+}

package/build/browser/tokens.css

@@ -15,7 +15,6 @@
 @import "./tokens/component-tokens/dialog.css";
 @import "./tokens/component-tokens/draggable.css";
 @import "./tokens/component-tokens/email-viewer.css";
-@import "./tokens/component-tokens/excel-viewer.css";
 @import "./tokens/component-tokens/file-picker.css";
 @import "./tokens/component-tokens/filter-list.css";
 @import "./tokens/component-tokens/form.css";
@@ -26,6 +25,7 @@
 @import "./tokens/component-tokens/pdf-viewer.css";
 @import "./tokens/component-tokens/radio.css";
 @import "./tokens/component-tokens/select.css";
+@import "./tokens/component-tokens/spreadsheet-viewer.css";
 @import "./tokens/component-tokens/table.css";
 @import "./tokens/component-tokens/timepicker.css";
 @import "./tokens/component-tokens/tooltip.css";