@okta/odyssey-react-mui 0.23.0 → 0.24.0

package/dist/theme/components.types.js

@@ -9,5 +9,6 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 export {};
 //# sourceMappingURL=components.types.js.map

package/dist/theme/components.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.types.js","names":[],"sources":["../../src/theme/components.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ndeclare module \"@mui/material/Alert\" {\n  interface AlertPropsVariantOverrides {\n    // Disable Mui defaults\n    filled: false;\n    outlined: false;\n    standard: false;\n    // Enable Odyssey variants\n    banner: true;\n    infobox: true;\n    toast: true;\n  }\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsVariantOverrides {\n    floating: true;\n    primary: true;\n    secondary: true;\n    danger: true;\n    text: false;\n    contained: false;\n    outlined: false;\n  }\n  interface ButtonPropsColorOverrides {\n    inherit: false;\n    primary: false;\n    secondary: false;\n    error: false;\n    info: false;\n    warning: false;\n    success: false;\n  }\n}\n\ndeclare module \"@mui/material/Chip\" {\n  interface ChipPropsVariantOverrides {\n    // Enable Odyssey variant for Status component\n    status: true;\n  }\n}\n\ndeclare module \"@mui/material/Link\" {\n  interface LinkPropsVariantOverrides {\n    default: true;\n    monochrome: true;\n    body1: false;\n    body2: false;\n    button: false;\n    h1: false;\n    h2: false;\n    h3: false;\n    h4: false;\n    h5: false;\n    h6: false;\n    inherit: false;\n    overline: false;\n    subtitle1: false;\n    subtitle2: false;\n  }\n\n  interface LinkPropsUnderlineOverrides {\n    none: false;\n    hover: false;\n    always: false;\n  }\n\n  interface LinkPropsColorOverrides {\n    inherit: false;\n    primary: false;\n    secondary: false;\n    error: false;\n    info: false;\n    warning: false;\n    success: false;\n  }\n}\n\ndeclare module \"@mui/material/TableCell\" {\n  interface TableCellPropsVariantOverrides {\n    action: true;\n    body: true;\n    date: true;\n    footer: true;\n    head: true;\n    number: true;\n  }\n}\n\ndeclare module \"@mui/material/Tooltip\" {\n  interface TooltipComponentsPropsOverrides {\n    placement?: \"bottom\" | \"left\" | \"right\" | \"top\";\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAgGA"}
+{"version":3,"file":"components.types.js","names":[],"sources":["../../src/theme/components.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ndeclare module \"@mui/material/Alert\" {\n  interface AlertPropsVariantOverrides {\n    // Disable Mui defaults\n    filled: false;\n    outlined: false;\n    standard: false;\n    // Enable Odyssey variants\n    banner: true;\n    infobox: true;\n    toast: true;\n  }\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsVariantOverrides {\n    floating: true;\n    primary: true;\n    secondary: true;\n    danger: true;\n    text: false;\n    contained: false;\n    outlined: false;\n  }\n  interface ButtonPropsColorOverrides {\n    inherit: false;\n    primary: false;\n    secondary: false;\n    error: false;\n    info: false;\n    warning: false;\n    success: false;\n  }\n}\n\ndeclare module \"@mui/material/Chip\" {\n  interface ChipPropsVariantOverrides {\n    // Enable Odyssey variant for Status component\n    status: true;\n  }\n}\n\ndeclare module \"@mui/material/Link\" {\n  interface LinkPropsVariantOverrides {\n    default: true;\n    monochrome: true;\n    body1: false;\n    body2: false;\n    button: false;\n    h1: false;\n    h2: false;\n    h3: false;\n    h4: false;\n    h5: false;\n    h6: false;\n    inherit: false;\n    overline: false;\n    subtitle1: false;\n    subtitle2: false;\n  }\n\n  interface LinkPropsUnderlineOverrides {\n    none: false;\n    hover: false;\n    always: false;\n  }\n\n  interface LinkPropsColorOverrides {\n    inherit: false;\n    primary: false;\n    secondary: false;\n    error: false;\n    info: false;\n    warning: false;\n    success: false;\n  }\n}\n\ndeclare module \"@mui/material/TableCell\" {\n  interface TableCellPropsVariantOverrides {\n    action: true;\n    body: true;\n    date: true;\n    footer: true;\n    head: true;\n    number: true;\n  }\n}\n\ndeclare module \"@mui/material/Tooltip\" {\n  interface TooltipComponentsPropsOverrides {\n    placement?: \"bottom\" | \"left\" | \"right\" | \"top\";\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgGA"}

package/dist/theme/index.js

@@ -9,6 +9,6 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-export { theme as odysseyTheme } from "./theme.js";
+export * from "./theme.js";
 export { useTheme } from "./useTheme.js";
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["theme","odysseyTheme","useTheme"],"sources":["../../src/theme/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { theme as odysseyTheme } from \"./theme\";\nexport { useTheme } from \"./useTheme\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;SAESA,KAAK,IAAIC,Y;SACTC,Q"}
+{"version":3,"file":"index.js","names":["useTheme"],"sources":["../../src/theme/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport * from \"./theme\";\nexport { useTheme } from \"./useTheme\";\n\nexport type DesignTokensOverride = Partial<typeof Tokens>;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA;AAAA,SAeSA,QAAQ"}

package/dist/theme/mixins.js

@@ -9,11 +9,13 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import * as Tokens from "@okta/odyssey-design-tokens";
-export const mixins = {
-  maxWidth: Tokens.FontLineLengthMax,
-  borderRadius: Tokens.BorderRadiusBase,
-  borderStyle: Tokens.BorderStyleBase,
-  borderWidth: Tokens.BorderWidthBase
+
+export const mixins = odysseyTokens => {
+  return {
+    maxWidth: odysseyTokens.FontLineLengthMax,
+    borderRadius: odysseyTokens.BorderRadiusBase,
+    borderStyle: odysseyTokens.BorderStyleBase,
+    borderWidth: odysseyTokens.BorderWidthBase
+  };
 };
 //# sourceMappingURL=mixins.js.map

package/dist/theme/mixins.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.js","names":["Tokens","mixins","maxWidth","FontLineLengthMax","borderRadius","BorderRadiusBase","borderStyle","BorderStyleBase","borderWidth","BorderWidthBase"],"sources":["../../src/theme/mixins.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport const mixins: ThemeOptions[\"mixins\"] = {\n  maxWidth: Tokens.FontLineLengthMax,\n  borderRadius: Tokens.BorderRadiusBase,\n  borderStyle: Tokens.BorderStyleBase,\n  borderWidth: Tokens.BorderWidthBase,\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAO,KAAKA,MAAZ,MAAwB,6BAAxB;AAEA,OAAO,MAAMC,MAA8B,GAAG;EAC5CC,QAAQ,EAAEF,MAAM,CAACG,iBAD2B;EAE5CC,YAAY,EAAEJ,MAAM,CAACK,gBAFuB;EAG5CC,WAAW,EAAEN,MAAM,CAACO,eAHwB;EAI5CC,WAAW,EAAER,MAAM,CAACS;AAJwB,CAAvC"}
+{"version":3,"file":"mixins.js","names":["mixins","odysseyTokens","maxWidth","FontLineLengthMax","borderRadius","BorderRadiusBase","borderStyle","BorderStyleBase","borderWidth","BorderWidthBase"],"sources":["../../src/theme/mixins.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport { DesignTokensOverride } from \".\";\n\nexport const mixins = (\n  odysseyTokens: DesignTokensOverride\n): ThemeOptions[\"mixins\"] => {\n  return {\n    maxWidth: odysseyTokens.FontLineLengthMax,\n    borderRadius: odysseyTokens.BorderRadiusBase,\n    borderStyle: odysseyTokens.BorderStyleBase,\n    borderWidth: odysseyTokens.BorderWidthBase,\n  };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,OAAO,MAAMA,MAAM,GACjBC,aAAmC,IACR;EAC3B,OAAO;IACLC,QAAQ,EAAED,aAAa,CAACE,iBAAiB;IACzCC,YAAY,EAAEH,aAAa,CAACI,gBAAgB;IAC5CC,WAAW,EAAEL,aAAa,CAACM,eAAe;IAC1CC,WAAW,EAAEP,aAAa,CAACQ;EAC7B,CAAC;AACH,CAAC"}

package/dist/theme/mixins.types.js

@@ -9,5 +9,6 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 export {};
 //# sourceMappingURL=mixins.types.js.map

package/dist/theme/mixins.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.types.js","names":[],"sources":["../../src/theme/mixins.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ndeclare module \"@mui/material/styles\" {\n  interface Mixins {\n    borderRadius?: string;\n    borderStyle?: string;\n    borderWidth?: string;\n    maxWidth?: string;\n  }\n\n  interface MixinsOptions {\n    borderRadius?: string;\n    borderStyle?: string;\n    borderWidth?: string;\n    maxWidth?: string;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkBA"}
+{"version":3,"file":"mixins.types.js","names":[],"sources":["../../src/theme/mixins.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ndeclare module \"@mui/material/styles\" {\n  interface Mixins {\n    borderRadius?: string;\n    borderStyle?: string;\n    borderWidth?: string;\n    maxWidth?: string;\n  }\n\n  interface MixinsOptions {\n    borderRadius?: string;\n    borderStyle?: string;\n    borderWidth?: string;\n    maxWidth?: string;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA"}

package/dist/theme/palette.js

@@ -9,92 +9,95 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import * as Tokens from "@okta/odyssey-design-tokens";
-export const palette = {
-  mode: "light",
-  common: {
-    black: Tokens.ColorNeutralDark,
-    white: Tokens.ColorPaletteNeutralWhite
-  },
-  primary: {
-    lighter: Tokens.ColorPaletteBlue000,
-    light: Tokens.ColorPaletteBlue300,
-    main: Tokens.ColorPaletteBlue500,
-    dark: Tokens.ColorPaletteBlue900,
-    contrastText: Tokens.ColorTextBodyInverse
-  },
-  secondary: {
-    light: "#80c7ca",
-    main: Tokens.ColorPaletteTurquoise500,
-    dark: "#004650",
-    contrastText: Tokens.ColorTextBodyInverse
-  },
-  error: {
-    lighter: Tokens.ColorPaletteRed000,
-    light: Tokens.ColorPaletteRed300,
-    main: Tokens.ColorPaletteRed500,
-    dark: Tokens.ColorPaletteRed900,
-    contrastText: Tokens.ColorTextBodyInverse
-  },
-  warning: {
-    lighter: Tokens.ColorPaletteYellow000,
-    light: Tokens.ColorPaletteYellow300,
-    main: Tokens.ColorPaletteYellow500,
-    dark: Tokens.ColorPaletteYellow900,
-    contrastText: Tokens.ColorTextBody
-  },
-  info: {
-    lighter: Tokens.ColorPaletteBlue000,
-    light: Tokens.ColorPaletteBlue300,
-    main: Tokens.ColorPaletteBlue500,
-    dark: Tokens.ColorPaletteBlue900,
-    contrastText: Tokens.ColorTextBodyInverse
-  },
-  success: {
-    lighter: Tokens.ColorPaletteGreen000,
-    light: Tokens.ColorPaletteGreen300,
-    main: Tokens.ColorPaletteGreen500,
-    dark: Tokens.ColorPaletteGreen900,
-    contrastText: Tokens.ColorTextBodyInverse
-  },
-  grey: {
-    50: Tokens.ColorPaletteNeutral000,
-    100: Tokens.ColorPaletteNeutral100,
-    200: Tokens.ColorPaletteNeutral200,
-    300: "#c1c1c8",
-    400: "#aaaab4",
-    500: Tokens.ColorPaletteNeutral500,
-    600: Tokens.ColorPaletteNeutral600,
-    700: "#585862",
-    800: "#41414b",
-    900: Tokens.ColorPaletteNeutral900,
-    A100: Tokens.ColorPaletteNeutral100,
-    A200: Tokens.ColorPaletteNeutral200,
-    A400: "#aaaab4",
-    A700: "#585862"
-  },
-  text: {
-    primary: Tokens.ColorPaletteNeutral900,
-    secondary: Tokens.ColorPaletteNeutral600,
-    disabled: Tokens.ColorPaletteNeutral600
-  },
-  divider: Tokens.ColorBorderDisplay,
-  background: {
-    paper: Tokens.ColorBackgroundBase,
-    default: Tokens.ColorBackgroundBase
-  },
-  action: {
-    active: "rgba(0, 0, 0, 0.54)",
-    hover: "rgba(0, 0, 0, 0.04)",
-    hoverOpacity: 0.04,
-    selected: "rgba(0, 0, 0, 0.08)",
-    selectedOpacity: 0.08,
-    disabled: Tokens.ColorPaletteNeutral200,
-    disabledBackground: "rgba(0, 0, 0, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(0, 0, 0, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
-  }
+export const palette = odysseyTokens => {
+  return {
+    mode: "light",
+    common: {
+      black: odysseyTokens.ColorNeutralDark,
+      white: odysseyTokens.ColorPaletteNeutralWhite
+    },
+    primary: {
+      lighter: odysseyTokens.ColorPaletteBlue000,
+      light: odysseyTokens.ColorPaletteBlue300,
+      main: odysseyTokens.ColorPaletteBlue500 ?? Tokens.ColorPaletteGreen500,
+      dark: odysseyTokens.ColorPaletteBlue900,
+      contrastText: odysseyTokens.ColorTextBodyInverse
+    },
+    secondary: {
+      light: "#80c7ca",
+      main: odysseyTokens.ColorPaletteTurquoise500 ?? Tokens.ColorPaletteTurquoise500,
+      dark: "#004650",
+      contrastText: odysseyTokens.ColorTextBodyInverse
+    },
+    error: {
+      lighter: odysseyTokens.ColorPaletteRed000,
+      light: odysseyTokens.ColorPaletteRed300,
+      main: odysseyTokens.ColorPaletteRed500 ?? Tokens.ColorPaletteRed500,
+      dark: odysseyTokens.ColorPaletteRed900,
+      contrastText: odysseyTokens.ColorTextBodyInverse
+    },
+    warning: {
+      lighter: odysseyTokens.ColorPaletteYellow000,
+      light: odysseyTokens.ColorPaletteYellow300,
+      main: odysseyTokens.ColorPaletteYellow500 ?? Tokens.ColorPaletteYellow500,
+      dark: odysseyTokens.ColorPaletteYellow900,
+      contrastText: odysseyTokens.ColorTextBody
+    },
+    info: {
+      lighter: odysseyTokens.ColorPaletteBlue000,
+      light: odysseyTokens.ColorPaletteBlue300,
+      main: odysseyTokens.ColorPaletteBlue500 ?? Tokens.ColorPaletteBlue500,
+      dark: odysseyTokens.ColorPaletteBlue900,
+      contrastText: odysseyTokens.ColorTextBodyInverse
+    },
+    success: {
+      lighter: odysseyTokens.ColorPaletteGreen000,
+      light: odysseyTokens.ColorPaletteGreen300,
+      main: odysseyTokens.ColorPaletteGreen500 ?? Tokens.ColorPaletteGreen500,
+      dark: odysseyTokens.ColorPaletteGreen900,
+      contrastText: odysseyTokens.ColorTextBodyInverse
+    },
+    grey: {
+      50: odysseyTokens.ColorPaletteNeutral000,
+      100: odysseyTokens.ColorPaletteNeutral100,
+      200: odysseyTokens.ColorPaletteNeutral200,
+      300: "#c1c1c8",
+      400: "#aaaab4",
+      500: odysseyTokens.ColorPaletteNeutral500,
+      600: odysseyTokens.ColorPaletteNeutral600,
+      700: "#585862",
+      800: "#41414b",
+      900: odysseyTokens.ColorPaletteNeutral900,
+      A100: odysseyTokens.ColorPaletteNeutral100,
+      A200: odysseyTokens.ColorPaletteNeutral200,
+      A400: "#aaaab4",
+      A700: "#585862"
+    },
+    text: {
+      primary: odysseyTokens.ColorPaletteNeutral900,
+      secondary: odysseyTokens.ColorPaletteNeutral600,
+      disabled: odysseyTokens.ColorPaletteNeutral600
+    },
+    divider: odysseyTokens.ColorBorderDisplay,
+    background: {
+      paper: odysseyTokens.ColorBackgroundBase,
+      default: odysseyTokens.ColorBackgroundBase
+    },
+    action: {
+      active: "rgba(0, 0, 0, 0.54)",
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      disabled: odysseyTokens.ColorPaletteNeutral200,
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
 };
 //# sourceMappingURL=palette.js.map

package/dist/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","names":["Tokens","palette","mode","common","black","ColorNeutralDark","white","ColorPaletteNeutralWhite","primary","lighter","ColorPaletteBlue000","light","ColorPaletteBlue300","main","ColorPaletteBlue500","dark","ColorPaletteBlue900","contrastText","ColorTextBodyInverse","secondary","ColorPaletteTurquoise500","error","ColorPaletteRed000","ColorPaletteRed300","ColorPaletteRed500","ColorPaletteRed900","warning","ColorPaletteYellow000","ColorPaletteYellow300","ColorPaletteYellow500","ColorPaletteYellow900","ColorTextBody","info","success","ColorPaletteGreen000","ColorPaletteGreen300","ColorPaletteGreen500","ColorPaletteGreen900","grey","ColorPaletteNeutral000","ColorPaletteNeutral100","ColorPaletteNeutral200","ColorPaletteNeutral500","ColorPaletteNeutral600","ColorPaletteNeutral900","A100","A200","A400","A700","text","disabled","divider","ColorBorderDisplay","background","paper","ColorBackgroundBase","default","action","active","hover","hoverOpacity","selected","selectedOpacity","disabledBackground","disabledOpacity","focus","focusOpacity","activatedOpacity"],"sources":["../../src/theme/palette.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport const palette: ThemeOptions[\"palette\"] = {\n  mode: \"light\",\n  common: {\n    black: Tokens.ColorNeutralDark,\n    white: Tokens.ColorPaletteNeutralWhite,\n  },\n  primary: {\n    lighter: Tokens.ColorPaletteBlue000,\n    light: Tokens.ColorPaletteBlue300,\n    main: Tokens.ColorPaletteBlue500,\n    dark: Tokens.ColorPaletteBlue900,\n    contrastText: Tokens.ColorTextBodyInverse,\n  },\n  secondary: {\n    light: \"#80c7ca\",\n    main: Tokens.ColorPaletteTurquoise500,\n    dark: \"#004650\",\n    contrastText: Tokens.ColorTextBodyInverse,\n  },\n  error: {\n    lighter: Tokens.ColorPaletteRed000,\n    light: Tokens.ColorPaletteRed300,\n    main: Tokens.ColorPaletteRed500,\n    dark: Tokens.ColorPaletteRed900,\n    contrastText: Tokens.ColorTextBodyInverse,\n  },\n  warning: {\n    lighter: Tokens.ColorPaletteYellow000,\n    light: Tokens.ColorPaletteYellow300,\n    main: Tokens.ColorPaletteYellow500,\n    dark: Tokens.ColorPaletteYellow900,\n    contrastText: Tokens.ColorTextBody,\n  },\n  info: {\n    lighter: Tokens.ColorPaletteBlue000,\n    light: Tokens.ColorPaletteBlue300,\n    main: Tokens.ColorPaletteBlue500,\n    dark: Tokens.ColorPaletteBlue900,\n    contrastText: Tokens.ColorTextBodyInverse,\n  },\n  success: {\n    lighter: Tokens.ColorPaletteGreen000,\n    light: Tokens.ColorPaletteGreen300,\n    main: Tokens.ColorPaletteGreen500,\n    dark: Tokens.ColorPaletteGreen900,\n    contrastText: Tokens.ColorTextBodyInverse,\n  },\n  grey: {\n    50: Tokens.ColorPaletteNeutral000,\n    100: Tokens.ColorPaletteNeutral100,\n    200: Tokens.ColorPaletteNeutral200,\n    300: \"#c1c1c8\",\n    400: \"#aaaab4\",\n    500: Tokens.ColorPaletteNeutral500,\n    600: Tokens.ColorPaletteNeutral600,\n    700: \"#585862\",\n    800: \"#41414b\",\n    900: Tokens.ColorPaletteNeutral900,\n    // These are \"Accent\" colors. MUI's palette matches them to the standard greys.\n    A100: Tokens.ColorPaletteNeutral100,\n    A200: Tokens.ColorPaletteNeutral200,\n    A400: \"#aaaab4\",\n    A700: \"#585862\",\n  },\n  text: {\n    primary: Tokens.ColorPaletteNeutral900,\n    secondary: Tokens.ColorPaletteNeutral600,\n    disabled: Tokens.ColorPaletteNeutral600,\n  },\n  divider: Tokens.ColorBorderDisplay,\n  background: {\n    paper: Tokens.ColorBackgroundBase,\n    default: Tokens.ColorBackgroundBase,\n  },\n  action: {\n    // We have no equivalents here. It's likely we will update these as their uses are discovered.\n    active: \"rgba(0, 0, 0, 0.54)\",\n    hover: \"rgba(0, 0, 0, 0.04)\",\n    hoverOpacity: 0.04,\n    selected: \"rgba(0, 0, 0, 0.08)\",\n    selectedOpacity: 0.08,\n    disabled: Tokens.ColorPaletteNeutral200,\n    disabledBackground: \"rgba(0, 0, 0, 0.12)\",\n    disabledOpacity: 0.38,\n    focus: \"rgba(0, 0, 0, 0.12)\",\n    focusOpacity: 0.12,\n    activatedOpacity: 0.12,\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"palette.js","names":["Tokens","palette","odysseyTokens","mode","common","black","ColorNeutralDark","white","ColorPaletteNeutralWhite","primary","lighter","ColorPaletteBlue000","light","ColorPaletteBlue300","main","ColorPaletteBlue500","ColorPaletteGreen500","dark","ColorPaletteBlue900","contrastText","ColorTextBodyInverse","secondary","ColorPaletteTurquoise500","error","ColorPaletteRed000","ColorPaletteRed300","ColorPaletteRed500","ColorPaletteRed900","warning","ColorPaletteYellow000","ColorPaletteYellow300","ColorPaletteYellow500","ColorPaletteYellow900","ColorTextBody","info","success","ColorPaletteGreen000","ColorPaletteGreen300","ColorPaletteGreen900","grey","ColorPaletteNeutral000","ColorPaletteNeutral100","ColorPaletteNeutral200","ColorPaletteNeutral500","ColorPaletteNeutral600","ColorPaletteNeutral900","A100","A200","A400","A700","text","disabled","divider","ColorBorderDisplay","background","paper","ColorBackgroundBase","default","action","active","hover","hoverOpacity","selected","selectedOpacity","disabledBackground","disabledOpacity","focus","focusOpacity","activatedOpacity"],"sources":["../../src/theme/palette.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport { DesignTokensOverride } from \".\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport const palette = (\n  odysseyTokens: DesignTokensOverride\n): ThemeOptions[\"palette\"] => {\n  return {\n    mode: \"light\",\n    common: {\n      black: odysseyTokens.ColorNeutralDark,\n      white: odysseyTokens.ColorPaletteNeutralWhite,\n    },\n    primary: {\n      lighter: odysseyTokens.ColorPaletteBlue000,\n      light: odysseyTokens.ColorPaletteBlue300,\n      main: odysseyTokens.ColorPaletteBlue500 ?? Tokens.ColorPaletteGreen500,\n      dark: odysseyTokens.ColorPaletteBlue900,\n      contrastText: odysseyTokens.ColorTextBodyInverse,\n    },\n    secondary: {\n      light: \"#80c7ca\",\n      main:\n        odysseyTokens.ColorPaletteTurquoise500 ??\n        Tokens.ColorPaletteTurquoise500,\n      dark: \"#004650\",\n      contrastText: odysseyTokens.ColorTextBodyInverse,\n    },\n    error: {\n      lighter: odysseyTokens.ColorPaletteRed000,\n      light: odysseyTokens.ColorPaletteRed300,\n      main: odysseyTokens.ColorPaletteRed500 ?? Tokens.ColorPaletteRed500,\n      dark: odysseyTokens.ColorPaletteRed900,\n      contrastText: odysseyTokens.ColorTextBodyInverse,\n    },\n    warning: {\n      lighter: odysseyTokens.ColorPaletteYellow000,\n      light: odysseyTokens.ColorPaletteYellow300,\n      main: odysseyTokens.ColorPaletteYellow500 ?? Tokens.ColorPaletteYellow500,\n      dark: odysseyTokens.ColorPaletteYellow900,\n      contrastText: odysseyTokens.ColorTextBody,\n    },\n    info: {\n      lighter: odysseyTokens.ColorPaletteBlue000,\n      light: odysseyTokens.ColorPaletteBlue300,\n      main: odysseyTokens.ColorPaletteBlue500 ?? Tokens.ColorPaletteBlue500,\n      dark: odysseyTokens.ColorPaletteBlue900,\n      contrastText: odysseyTokens.ColorTextBodyInverse,\n    },\n    success: {\n      lighter: odysseyTokens.ColorPaletteGreen000,\n      light: odysseyTokens.ColorPaletteGreen300,\n      main: odysseyTokens.ColorPaletteGreen500 ?? Tokens.ColorPaletteGreen500,\n      dark: odysseyTokens.ColorPaletteGreen900,\n      contrastText: odysseyTokens.ColorTextBodyInverse,\n    },\n    grey: {\n      50: odysseyTokens.ColorPaletteNeutral000,\n      100: odysseyTokens.ColorPaletteNeutral100,\n      200: odysseyTokens.ColorPaletteNeutral200,\n      300: \"#c1c1c8\",\n      400: \"#aaaab4\",\n      500: odysseyTokens.ColorPaletteNeutral500,\n      600: odysseyTokens.ColorPaletteNeutral600,\n      700: \"#585862\",\n      800: \"#41414b\",\n      900: odysseyTokens.ColorPaletteNeutral900,\n      // These are \"Accent\" colors. MUI's palette matches them to the standard greys.\n      A100: odysseyTokens.ColorPaletteNeutral100,\n      A200: odysseyTokens.ColorPaletteNeutral200,\n      A400: \"#aaaab4\",\n      A700: \"#585862\",\n    },\n    text: {\n      primary: odysseyTokens.ColorPaletteNeutral900,\n      secondary: odysseyTokens.ColorPaletteNeutral600,\n      disabled: odysseyTokens.ColorPaletteNeutral600,\n    },\n    divider: odysseyTokens.ColorBorderDisplay,\n    background: {\n      paper: odysseyTokens.ColorBackgroundBase,\n      default: odysseyTokens.ColorBackgroundBase,\n    },\n    action: {\n      // We have no equivalents here. It's likely we will update these as their uses are discovered.\n      active: \"rgba(0, 0, 0, 0.54)\",\n      hover: \"rgba(0, 0, 0, 0.04)\",\n      hoverOpacity: 0.04,\n      selected: \"rgba(0, 0, 0, 0.08)\",\n      selectedOpacity: 0.08,\n      disabled: odysseyTokens.ColorPaletteNeutral200,\n      disabledBackground: \"rgba(0, 0, 0, 0.12)\",\n      disabledOpacity: 0.38,\n      focus: \"rgba(0, 0, 0, 0.12)\",\n      focusOpacity: 0.12,\n      activatedOpacity: 0.12,\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/theme/palette.types.js

@@ -9,5 +9,6 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 export {};
 //# sourceMappingURL=palette.types.js.map

package/dist/theme/palette.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.types.js","names":[],"sources":["../../src/theme/palette.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ndeclare module \"@mui/material/styles\" {\n  interface PaletteColor {\n    lighter?: string;\n  }\n  interface SimplePaletteColorOptions {\n    lighter?: string;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA"}
+{"version":3,"file":"palette.types.js","names":[],"sources":["../../src/theme/palette.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ndeclare module \"@mui/material/styles\" {\n  interface PaletteColor {\n    lighter?: string;\n  }\n  interface SimplePaletteColorOptions {\n    lighter?: string;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA"}

package/dist/theme/shape.js

@@ -9,9 +9,11 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import * as Tokens from "@okta/odyssey-design-tokens";
-const NumericalBorderRadiusBase = typeof Tokens.BorderRadiusBase === "string" ? Number(Tokens.BorderRadiusBase.replace(/(\d+).*/, "$1")) : Tokens.BorderRadiusBase;
-export const shape = {
-  borderRadius: NumericalBorderRadiusBase
+
+export const shape = odysseyTokens => {
+  const NumericalBorderRadiusBase = typeof odysseyTokens.BorderRadiusBase === "string" ? Number(odysseyTokens.BorderRadiusBase.replace(/(\d+).*/, "$1")) : odysseyTokens.BorderRadiusBase;
+  return {
+    borderRadius: NumericalBorderRadiusBase
+  };
 };
 //# sourceMappingURL=shape.js.map

package/dist/theme/shape.js.map

@@ -1 +1 @@
-{"version":3,"file":"shape.js","names":["Tokens","NumericalBorderRadiusBase","BorderRadiusBase","Number","replace","shape","borderRadius"],"sources":["../../src/theme/shape.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\n// Strip units from BorderRadiusBase to accommodate MUI's typing\nconst NumericalBorderRadiusBase =\n  typeof Tokens.BorderRadiusBase === \"string\"\n    ? Number(Tokens.BorderRadiusBase.replace(/(\\d+).*/, \"$1\"))\n    : Tokens.BorderRadiusBase;\n\nexport const shape: ThemeOptions[\"shape\"] = {\n  borderRadius: NumericalBorderRadiusBase,\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAO,KAAKA,MAAZ,MAAwB,6BAAxB;AAGA,MAAMC,yBAAyB,GAC7B,OAAOD,MAAM,CAACE,gBAAd,KAAmC,QAAnC,GACIC,MAAM,CAACH,MAAM,CAACE,gBAAP,CAAwBE,OAAxB,CAAgC,SAAhC,EAA2C,IAA3C,CAAD,CADV,GAEIJ,MAAM,CAACE,gBAHb;AAKA,OAAO,MAAMG,KAA4B,GAAG;EAC1CC,YAAY,EAAEL;AAD4B,CAArC"}
+{"version":3,"file":"shape.js","names":["shape","odysseyTokens","NumericalBorderRadiusBase","BorderRadiusBase","Number","replace","borderRadius"],"sources":["../../src/theme/shape.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport { DesignTokensOverride } from \".\";\n\nexport const shape = (\n  odysseyTokens: DesignTokensOverride\n): ThemeOptions[\"shape\"] => {\n  // Strip units from BorderRadiusBase to accommodate MUI's typing\n  const NumericalBorderRadiusBase =\n    typeof odysseyTokens.BorderRadiusBase === \"string\"\n      ? Number(odysseyTokens.BorderRadiusBase.replace(/(\\d+).*/, \"$1\"))\n      : odysseyTokens.BorderRadiusBase;\n\n  return {\n    borderRadius: NumericalBorderRadiusBase,\n  };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,OAAO,MAAMA,KAAK,GAChBC,aAAmC,IACT;EAE1B,MAAMC,yBAAyB,GAC7B,OAAOD,aAAa,CAACE,gBAAgB,KAAK,QAAQ,GAC9CC,MAAM,CAACH,aAAa,CAACE,gBAAgB,CAACE,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,GAC/DJ,aAAa,CAACE,gBAAgB;EAEpC,OAAO;IACLG,YAAY,EAAEJ;EAChB,CAAC;AACH,CAAC"}

package/dist/theme/spacing.js

@@ -9,6 +9,9 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import * as Tokens from "@okta/odyssey-design-tokens";
-export const spacing = [0, Tokens.SpaceScale0, Tokens.SpaceScale1, Tokens.SpaceScale2, Tokens.SpaceScale3, Tokens.SpaceScale4, Tokens.SpaceScale5, Tokens.SpaceScale6, Tokens.SpaceScale7, Tokens.SpaceScale8];
+export const spacing = odysseyTokens => {
+  return [0, odysseyTokens.SpaceScale0 ?? Tokens.SpaceScale0, odysseyTokens.SpaceScale1 ?? Tokens.SpaceScale1, odysseyTokens.SpaceScale2 ?? Tokens.SpaceScale2, odysseyTokens.SpaceScale3 ?? Tokens.SpaceScale3, odysseyTokens.SpaceScale4 ?? Tokens.SpaceScale4, odysseyTokens.SpaceScale5 ?? Tokens.SpaceScale5, odysseyTokens.SpaceScale6 ?? Tokens.SpaceScale6, odysseyTokens.SpaceScale7 ?? Tokens.SpaceScale7, odysseyTokens.SpaceScale8 ?? Tokens.SpaceScale8];
+};
 //# sourceMappingURL=spacing.js.map

package/dist/theme/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","names":["Tokens","spacing","SpaceScale0","SpaceScale1","SpaceScale2","SpaceScale3","SpaceScale4","SpaceScale5","SpaceScale6","SpaceScale7","SpaceScale8"],"sources":["../../src/theme/spacing.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport const spacing: ThemeOptions[\"spacing\"] = [\n  0,\n  Tokens.SpaceScale0,\n  Tokens.SpaceScale1,\n  Tokens.SpaceScale2,\n  Tokens.SpaceScale3,\n  Tokens.SpaceScale4,\n  Tokens.SpaceScale5,\n  Tokens.SpaceScale6,\n  Tokens.SpaceScale7,\n  Tokens.SpaceScale8,\n];\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAO,KAAKA,MAAZ,MAAwB,6BAAxB;AAEA,OAAO,MAAMC,OAAgC,GAAG,CAC9C,CAD8C,EAE9CD,MAAM,CAACE,WAFuC,EAG9CF,MAAM,CAACG,WAHuC,EAI9CH,MAAM,CAACI,WAJuC,EAK9CJ,MAAM,CAACK,WALuC,EAM9CL,MAAM,CAACM,WANuC,EAO9CN,MAAM,CAACO,WAPuC,EAQ9CP,MAAM,CAACQ,WARuC,EAS9CR,MAAM,CAACS,WATuC,EAU9CT,MAAM,CAACU,WAVuC,CAAzC"}
+{"version":3,"file":"spacing.js","names":["Tokens","spacing","odysseyTokens","SpaceScale0","SpaceScale1","SpaceScale2","SpaceScale3","SpaceScale4","SpaceScale5","SpaceScale6","SpaceScale7","SpaceScale8"],"sources":["../../src/theme/spacing.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport { DesignTokensOverride } from \".\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport const spacing = (\n  odysseyTokens: DesignTokensOverride\n): ThemeOptions[\"spacing\"] => {\n  return [\n    0,\n    odysseyTokens.SpaceScale0 ?? Tokens.SpaceScale0,\n    odysseyTokens.SpaceScale1 ?? Tokens.SpaceScale1,\n    odysseyTokens.SpaceScale2 ?? Tokens.SpaceScale2,\n    odysseyTokens.SpaceScale3 ?? Tokens.SpaceScale3,\n    odysseyTokens.SpaceScale4 ?? Tokens.SpaceScale4,\n    odysseyTokens.SpaceScale5 ?? Tokens.SpaceScale5,\n    odysseyTokens.SpaceScale6 ?? Tokens.SpaceScale6,\n    odysseyTokens.SpaceScale7 ?? Tokens.SpaceScale7,\n    odysseyTokens.SpaceScale8 ?? Tokens.SpaceScale8,\n  ];\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAO,KAAKA,MAAM,MAAM,6BAA6B;AAErD,OAAO,MAAMC,OAAO,GAClBC,aAAmC,IACP;EAC5B,OAAO,CACL,CAAC,EACDA,aAAa,CAACC,WAAW,IAAIH,MAAM,CAACG,WAAW,EAC/CD,aAAa,CAACE,WAAW,IAAIJ,MAAM,CAACI,WAAW,EAC/CF,aAAa,CAACG,WAAW,IAAIL,MAAM,CAACK,WAAW,EAC/CH,aAAa,CAACI,WAAW,IAAIN,MAAM,CAACM,WAAW,EAC/CJ,aAAa,CAACK,WAAW,IAAIP,MAAM,CAACO,WAAW,EAC/CL,aAAa,CAACM,WAAW,IAAIR,MAAM,CAACQ,WAAW,EAC/CN,aAAa,CAACO,WAAW,IAAIT,MAAM,CAACS,WAAW,EAC/CP,aAAa,CAACQ,WAAW,IAAIV,MAAM,CAACU,WAAW,EAC/CR,aAAa,CAACS,WAAW,IAAIX,MAAM,CAACW,WAAW,CAChD;AACH,CAAC"}

package/dist/theme/temp.js

@@ -9,6 +9,7 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 export const temp = {
   borderWidth: "24px"
 };

package/dist/theme/temp.js.map

@@ -1 +1 @@
-{"version":3,"file":"temp.js","names":["temp","borderWidth"],"sources":["../../src/theme/temp.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport type Temp = {\n  borderWidth: string;\n};\n\nexport const temp: Temp = {\n  borderWidth: \"24px\",\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,OAAO,MAAMA,IAAU,GAAG;EACxBC,WAAW,EAAE;AADW,CAAnB"}
+{"version":3,"file":"temp.js","names":["temp","borderWidth"],"sources":["../../src/theme/temp.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport type Temp = {\n  borderWidth: string;\n};\n\nexport const temp: Temp = {\n  borderWidth: \"24px\",\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,OAAO,MAAMA,IAAU,GAAG;EACxBC,WAAW,EAAE;AACf,CAAC"}

package/dist/theme/theme.js

@@ -9,6 +9,7 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { createTheme } from "@mui/material/styles";
 import { components } from "./components.js";
 import { mixins } from "./mixins.js";
@@ -21,13 +22,15 @@ import "./components.types.js";
 import "./mixins.types.js";
 import "./palette.types.js";
 import "./typography.types.js";
-export const theme = createTheme({
-  components,
-  mixins,
-  palette,
-  shape,
-  spacing,
-  temp,
-  typography
-});
+export const createOdysseyMuiTheme = odysseyTokens => {
+  return createTheme({
+    components,
+    mixins: mixins(odysseyTokens),
+    palette: palette(odysseyTokens),
+    shape: shape(odysseyTokens),
+    spacing: spacing(odysseyTokens),
+    temp,
+    typography: typography(odysseyTokens)
+  });
+};
 //# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["createTheme","components","mixins","palette","shape","spacing","temp","typography","theme"],"sources":["../../src/theme/theme.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { createTheme } from \"@mui/material/styles\";\n\nimport { components } from \"./components\";\nimport { mixins } from \"./mixins\";\nimport { OdysseyTheme } from \"./OdysseyTheme\";\nimport { palette } from \"./palette\";\nimport { shape } from \"./shape\";\nimport { spacing } from \"./spacing\";\nimport { temp } from \"./temp\";\nimport { typography } from \"./typography\";\nimport \"./components.types\";\nimport \"./mixins.types\";\nimport \"./palette.types\";\nimport \"./typography.types\";\n\nexport const theme = createTheme({\n  components,\n  mixins,\n  palette,\n  shape,\n  spacing,\n  temp,\n  typography,\n}) as OdysseyTheme;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,WAAT,QAA4B,sBAA5B;SAESC,U;SACAC,M;SAEAC,O;SACAC,K;SACAC,O;SACAC,I;SACAC,U;;;;;AAMT,OAAO,MAAMC,KAAK,GAAGR,WAAW,CAAC;EAC/BC,UAD+B;EAE/BC,MAF+B;EAG/BC,OAH+B;EAI/BC,KAJ+B;EAK/BC,OAL+B;EAM/BC,IAN+B;EAO/BC;AAP+B,CAAD,CAAzB"}
+{"version":3,"file":"theme.js","names":["createTheme","components","mixins","palette","shape","spacing","temp","typography","createOdysseyMuiTheme","odysseyTokens"],"sources":["../../src/theme/theme.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { createTheme } from \"@mui/material/styles\";\n\nimport { components } from \"./components\";\nimport { mixins } from \"./mixins\";\nimport { palette } from \"./palette\";\nimport { shape } from \"./shape\";\nimport { spacing } from \"./spacing\";\nimport { temp } from \"./temp\";\nimport { typography } from \"./typography\";\nimport \"./components.types\";\nimport \"./mixins.types\";\nimport \"./palette.types\";\nimport \"./typography.types\";\nimport { DesignTokensOverride } from \".\";\n\nexport type { OdysseyTheme } from \"./OdysseyTheme\";\n\nexport const createOdysseyMuiTheme = (odysseyTokens: DesignTokensOverride) => {\n  return createTheme({\n    components,\n    mixins: mixins(odysseyTokens),\n    palette: palette(odysseyTokens),\n    shape: shape(odysseyTokens),\n    spacing: spacing(odysseyTokens),\n    temp,\n    typography: typography(odysseyTokens),\n  });\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,sBAAsB;AAAC,SAE1CC,UAAU;AAAA,SACVC,MAAM;AAAA,SACNC,OAAO;AAAA,SACPC,KAAK;AAAA,SACLC,OAAO;AAAA,SACPC,IAAI;AAAA,SACJC,UAAU;AAAA;AAAA;AAAA;AAAA;AASnB,OAAO,MAAMC,qBAAqB,GAAIC,aAAmC,IAAK;EAC5E,OAAOT,WAAW,CAAC;IACjBC,UAAU;IACVC,MAAM,EAAEA,MAAM,CAACO,aAAa,CAAC;IAC7BN,OAAO,EAAEA,OAAO,CAACM,aAAa,CAAC;IAC/BL,KAAK,EAAEA,KAAK,CAACK,aAAa,CAAC;IAC3BJ,OAAO,EAAEA,OAAO,CAACI,aAAa,CAAC;IAC/BH,IAAI;IACJC,UAAU,EAAEA,UAAU,CAACE,aAAa;EACtC,CAAC,CAAC;AACJ,CAAC"}