feat(odyssey-react-mui): add borderRadius and borderStyle variables

okta · Aug 16, 2022 · b144cf6 · b144cf6
1 parent 7b53b81
commit b144cf6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/odyssey-react-mui/src/themes/odyssey/mixins.ts b/packages/odyssey-react-mui/src/themes/odyssey/mixins.ts
@@ -15,5 +15,7 @@ import * as Tokens from "@okta/odyssey-design-tokens";
 
 export const mixins: ThemeOptions["mixins"] = {
   maxWidth: Tokens.FontLineLengthMax,
+  borderRadius: Tokens.BorderRadiusBase,
+  borderStyle: Tokens.BorderStyleBase,
   borderWidth: Tokens.BorderWidthBase,
 };
diff --git a/packages/odyssey-react-mui/src/themes/odyssey/mixins.types.ts b/packages/odyssey-react-mui/src/themes/odyssey/mixins.types.ts
@@ -12,11 +12,15 @@
 
 declare module "@mui/material/styles" {
   interface Mixins {
+    borderRadius?: string;
+    borderStyle?: string;
     borderWidth?: string;
     maxWidth?: string;
   }
 
   interface MixinsOptions {
+    borderRadius?: string;
+    borderStyle?: string;
     borderWidth?: string;
     maxWidth?: string;
   }