import { createContext } from "react" ; import * as DesignTokens from "@okta/odyssey-design-tokens" ; export const tokens = { ... DesignTokens } ; type TokensType = typeof tokens ; export type Theme = { [ T in keyof TokensType ] : TokensType [ T ] ; } ; export type PartialTheme = Partial < Theme > ; export type ThemeKey = keyof Theme ; export type ThemeValue = Theme [ ThemeKey ] ; const ThemeContext = createContext < Theme > ( tokens ) ; ThemeContext . displayName = "ThemeContext" ; export { ThemeContext } ;