fix(odyssey-react-mui): strip units from borderRadiusBase

okta · Oct 11, 2022 · 267d82a · 267d82a
1 parent 33058a6
commit 267d82a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/odyssey-react-mui/src/themes/odyssey/shape.ts b/packages/odyssey-react-mui/src/themes/odyssey/shape.ts
@@ -13,6 +13,12 @@
 import type { ThemeOptions } from "@mui/material";
 import * as Tokens from "@okta/odyssey-design-tokens";
 
+// Strip units from BorderRadiusBase to accommodate MUI's typing
+const StrippedBorderRadiusBase =
+  typeof Tokens.BorderRadiusBase === "string"
+    ? Tokens.BorderRadiusBase.replace(/\D/g, "")
+    : Tokens.BorderRadiusBase;
+
 export const shape: ThemeOptions["shape"] = {
-  borderRadius: parseInt(Tokens.BorderRadiusBase, 10),
+  borderRadius: StrippedBorderRadiusBase,
 };