@okta/odyssey-react-mui 1.21.1 → 1.22.0

package/dist/theme/createOdysseyMuiTheme.js

@@ -23,11 +23,12 @@ import "./palette.types.js";
 import "./typography.types.js";
 export const createOdysseyMuiTheme = ({
   odysseyTokens,
-  shadowDomElement
+  shadowDomElement,
+  shadowRootElement
 }) => createTheme({
   components: components({
     odysseyTokens,
-    shadowDomElement
+    shadowRootElement: shadowRootElement || shadowDomElement
   }),
   mixins: mixins({
     odysseyTokens

package/dist/theme/createOdysseyMuiTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createOdysseyMuiTheme.js","names":["createTheme","components","mixins","palette","shape","spacing","typography","createOdysseyMuiTheme","odysseyTokens","shadowDomElement"],"sources":["../../src/theme/createOdysseyMuiTheme.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\nimport { createTheme } from \"@mui/material/styles\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nimport { components } from \"./components\";\nimport { mixins } from \"./mixins\";\nimport { palette } from \"./palette\";\nimport { shape } from \"./shape\";\nimport { spacing } from \"./spacing\";\nimport { typography } from \"./typography\";\nimport \"./components.types\";\nimport \"./mixins.types\";\nimport \"./palette.types\";\nimport \"./typography.types\";\n\nexport type DesignTokens = typeof Tokens;\nexport type DesignTokensOverride = Partial<typeof Tokens>;\n\nexport const createOdysseyMuiTheme = ({\n  odysseyTokens,\n  shadowDomElement,\n}: {\n  odysseyTokens: DesignTokens;\n  shadowDomElement?: HTMLElement;\n}) =>\n  createTheme({\n    components: components({\n      odysseyTokens,\n      shadowDomElement,\n    }),\n    mixins: mixins({ odysseyTokens }),\n    palette: palette({ odysseyTokens }),\n    shape: shape({ odysseyTokens }),\n    spacing: spacing({ odysseyTokens }),\n    typography: typography({ odysseyTokens }),\n  });\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,sBAAsB;AAAC,SAG1CC,UAAU;AAAA,SACVC,MAAM;AAAA,SACNC,OAAO;AAAA,SACPC,KAAK;AAAA,SACLC,OAAO;AAAA,SACPC,UAAU;AAAA;AAAA;AAAA;AAAA;AASnB,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,aAAa;EACbC;AAIF,CAAC,KACCT,WAAW,CAAC;EACVC,UAAU,EAAEA,UAAU,CAAC;IACrBO,aAAa;IACbC;EACF,CAAC,CAAC;EACFP,MAAM,EAAEA,MAAM,CAAC;IAAEM;EAAc,CAAC,CAAC;EACjCL,OAAO,EAAEA,OAAO,CAAC;IAAEK;EAAc,CAAC,CAAC;EACnCJ,KAAK,EAAEA,KAAK,CAAC;IAAEI;EAAc,CAAC,CAAC;EAC/BH,OAAO,EAAEA,OAAO,CAAC;IAAEG;EAAc,CAAC,CAAC;EACnCF,UAAU,EAAEA,UAAU,CAAC;IAAEE;EAAc,CAAC;AAC1C,CAAC,CAAC"}
+{"version":3,"file":"createOdysseyMuiTheme.js","names":["createTheme","components","mixins","palette","shape","spacing","typography","createOdysseyMuiTheme","odysseyTokens","shadowDomElement","shadowRootElement"],"sources":["../../src/theme/createOdysseyMuiTheme.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\nimport { createTheme } from \"@mui/material/styles\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nimport { components } from \"./components\";\nimport { mixins } from \"./mixins\";\nimport { palette } from \"./palette\";\nimport { shape } from \"./shape\";\nimport { spacing } from \"./spacing\";\nimport { typography } from \"./typography\";\nimport \"./components.types\";\nimport \"./mixins.types\";\nimport \"./palette.types\";\nimport \"./typography.types\";\n\nexport type DesignTokens = typeof Tokens;\nexport type DesignTokensOverride = Partial<typeof Tokens>;\n\nexport const createOdysseyMuiTheme = ({\n  odysseyTokens,\n  shadowDomElement,\n  shadowRootElement,\n}: {\n  odysseyTokens: DesignTokens;\n  /** @deprecated Use `shadowRootElement` */\n  shadowDomElement?: HTMLElement;\n  shadowRootElement?: HTMLElement;\n}) =>\n  createTheme({\n    components: components({\n      odysseyTokens,\n      shadowRootElement: shadowRootElement || shadowDomElement,\n    }),\n    mixins: mixins({ odysseyTokens }),\n    palette: palette({ odysseyTokens }),\n    shape: shape({ odysseyTokens }),\n    spacing: spacing({ odysseyTokens }),\n    typography: typography({ odysseyTokens }),\n  });\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,sBAAsB;AAAC,SAG1CC,UAAU;AAAA,SACVC,MAAM;AAAA,SACNC,OAAO;AAAA,SACPC,KAAK;AAAA,SACLC,OAAO;AAAA,SACPC,UAAU;AAAA;AAAA;AAAA;AAAA;AASnB,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,aAAa;EACbC,gBAAgB;EAChBC;AAMF,CAAC,KACCV,WAAW,CAAC;EACVC,UAAU,EAAEA,UAAU,CAAC;IACrBO,aAAa;IACbE,iBAAiB,EAAEA,iBAAiB,IAAID;EAC1C,CAAC,CAAC;EACFP,MAAM,EAAEA,MAAM,CAAC;IAAEM;EAAc,CAAC,CAAC;EACjCL,OAAO,EAAEA,OAAO,CAAC;IAAEK;EAAc,CAAC,CAAC;EACnCJ,KAAK,EAAEA,KAAK,CAAC;IAAEI;EAAc,CAAC,CAAC;EAC/BH,OAAO,EAAEA,OAAO,CAAC;IAAEG;EAAc,CAAC,CAAC;EACnCF,UAAU,EAAEA,UAAU,CAAC;IAAEE;EAAc,CAAC;AAC1C,CAAC,CAAC"}