@okta/odyssey-react-mui 1.43.0 → 1.44.0

package/dist/esm/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    callout: true;\n    toast: true;\n  }\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsVariantOverrides {\n    contained: false;\n    danger: true;\n    dangerSecondary: true;\n    floating: true;\n    floatingAction: true;\n    outlined: false;\n    primary: true;\n    secondary: true;\n    tertiary: true;\n    text: 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    lamp: true;\n    pill: 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;;AAoGA","ignoreList":[]}
+{"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    // Enable Odyssey variants\n    banner: true;\n    callout: true;\n    // Disable Mui defaults\n    filled: false;\n    outlined: false;\n    standard: false;\n    toast: true;\n  }\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsVariantOverrides {\n    contained: false;\n    danger: true;\n    dangerSecondary: true;\n    floating: true;\n    floatingAction: true;\n    outlined: false;\n    primary: true;\n    secondary: true;\n    tertiary: true;\n    text: false;\n  }\n  interface ButtonPropsColorOverrides {\n    error: false;\n    info: false;\n    inherit: false;\n    primary: false;\n    secondary: false;\n    success: false;\n    warning: false;\n  }\n}\n\ndeclare module \"@mui/material/Chip\" {\n  interface ChipPropsVariantOverrides {\n    // Enable Odyssey variant for Status component\n    lamp: true;\n    pill: true;\n  }\n}\n\ndeclare module \"@mui/material/Link\" {\n  interface LinkPropsVariantOverrides {\n    body1: false;\n    body2: false;\n    button: false;\n    default: true;\n    h1: false;\n    h2: false;\n    h3: false;\n    h4: false;\n    h5: false;\n    h6: false;\n    inherit: false;\n    monochrome: true;\n    overline: false;\n    subtitle1: false;\n    subtitle2: false;\n  }\n\n  interface LinkPropsUnderlineOverrides {\n    always: false;\n    hover: false;\n    none: false;\n  }\n\n  interface LinkPropsColorOverrides {\n    error: false;\n    info: false;\n    inherit: false;\n    primary: false;\n    secondary: false;\n    success: false;\n    warning: 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;;AAoGA","ignoreList":[]}

package/dist/esm/theme/createOdysseyMuiTheme.js

@@ -11,17 +11,17 @@
  */
 
 import { createTheme } from "@mui/material/styles";
+import { defaultContrast } from "../useContrastMode.js";
 import { getComponents } from "./components.js";
 import { mixins } from "./mixins.js";
 import { palette } from "./palette.js";
 import { shape } from "./shape.js";
 import { spacing } from "./spacing.js";
-import { typography } from "./typography.js";
 import "./components.types.js";
 import "./mixins.types.js";
 import "./palette.types.js";
 import "./typography.types.js";
-import { defaultContrast } from "../useContrastMode.js";
+import { typography } from "./typography.js";
 export const createOdysseyMuiTheme = ({
   contrastMode = defaultContrast,
   odysseyTokens,

package/dist/esm/theme/createOdysseyMuiTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createOdysseyMuiTheme.js","names":["createTheme","getComponents","mixins","palette","shape","spacing","typography","defaultContrast","createOdysseyMuiTheme","contrastMode","odysseyTokens","shadowDomElement","shadowRootElement","components"],"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 { getComponents } from \"./components.js\";\nimport { mixins } from \"./mixins.js\";\nimport { palette } from \"./palette.js\";\nimport { shape } from \"./shape.js\";\nimport { spacing } from \"./spacing.js\";\nimport { typography } from \"./typography.js\";\nimport \"./components.types.js\";\nimport \"./mixins.types.js\";\nimport \"./palette.types.js\";\nimport \"./typography.types.js\";\nimport { type ContrastMode, defaultContrast } from \"../useContrastMode.js\";\n\nexport type DesignTokens = typeof Tokens;\nexport type DesignTokensOverride = Partial<typeof Tokens>;\n\nexport const createOdysseyMuiTheme = ({\n  contrastMode = defaultContrast,\n  odysseyTokens,\n  shadowDomElement,\n  shadowRootElement,\n}: {\n  contrastMode?: ContrastMode;\n  odysseyTokens: DesignTokens;\n  /** @deprecated Use `shadowRootElement` */\n  shadowDomElement?: HTMLElement;\n  shadowRootElement?: HTMLElement;\n}) =>\n  createTheme({\n    components: getComponents({\n      contrastMode,\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;AAGlD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,KAAK,QAAQ,YAAY;AAClC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,OAAO,uBAAuB;AAC9B,OAAO,mBAAmB;AAC1B,OAAO,oBAAoB;AAC3B,OAAO,uBAAuB;AAC9B,SAA4BC,eAAe,QAAQ,uBAAuB;AAK1E,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,YAAY,GAAGF,eAAe;EAC9BG,aAAa;EACbC,gBAAgB;EAChBC;AAOF,CAAC,KACCZ,WAAW,CAAC;EACVa,UAAU,EAAEZ,aAAa,CAAC;IACxBQ,YAAY;IACZC,aAAa;IACbE,iBAAiB,EAAEA,iBAAiB,IAAID;EAC1C,CAAC,CAAC;EACFT,MAAM,EAAEA,MAAM,CAAC;IAAEQ;EAAc,CAAC,CAAC;EACjCP,OAAO,EAAEA,OAAO,CAAC;IAAEO;EAAc,CAAC,CAAC;EACnCN,KAAK,EAAEA,KAAK,CAAC;IAAEM;EAAc,CAAC,CAAC;EAC/BL,OAAO,EAAEA,OAAO,CAAC;IAAEK;EAAc,CAAC,CAAC;EACnCJ,UAAU,EAAEA,UAAU,CAAC;IAAEI;EAAc,CAAC;AAC1C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"createOdysseyMuiTheme.js","names":["createTheme","defaultContrast","getComponents","mixins","palette","shape","spacing","typography","createOdysseyMuiTheme","contrastMode","odysseyTokens","shadowDomElement","shadowRootElement","components"],"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 { type ContrastMode, defaultContrast } from \"../useContrastMode.js\";\nimport { getComponents } from \"./components.js\";\nimport { mixins } from \"./mixins.js\";\nimport { palette } from \"./palette.js\";\nimport { shape } from \"./shape.js\";\nimport { spacing } from \"./spacing.js\";\nimport \"./components.types.js\";\nimport \"./mixins.types.js\";\nimport \"./palette.types.js\";\nimport \"./typography.types.js\";\nimport { typography } from \"./typography.js\";\n\nexport type DesignTokens = typeof Tokens;\nexport type DesignTokensOverride = Partial<typeof Tokens>;\n\nexport const createOdysseyMuiTheme = ({\n  contrastMode = defaultContrast,\n  odysseyTokens,\n  shadowDomElement,\n  shadowRootElement,\n}: {\n  contrastMode?: ContrastMode;\n  odysseyTokens: DesignTokens;\n  /** @deprecated Use `shadowRootElement` */\n  shadowDomElement?: HTMLElement;\n  shadowRootElement?: HTMLElement;\n}) =>\n  createTheme({\n    components: getComponents({\n      contrastMode,\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;AAGlD,SAA4BC,eAAe,QAAQ,uBAAuB;AAC1E,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,KAAK,QAAQ,YAAY;AAClC,SAASC,OAAO,QAAQ,cAAc;AACtC,OAAO,uBAAuB;AAC9B,OAAO,mBAAmB;AAC1B,OAAO,oBAAoB;AAC3B,OAAO,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAK5C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,YAAY,GAAGR,eAAe;EAC9BS,aAAa;EACbC,gBAAgB;EAChBC;AAOF,CAAC,KACCZ,WAAW,CAAC;EACVa,UAAU,EAAEX,aAAa,CAAC;IACxBO,YAAY;IACZC,aAAa;IACbE,iBAAiB,EAAEA,iBAAiB,IAAID;EAC1C,CAAC,CAAC;EACFR,MAAM,EAAEA,MAAM,CAAC;IAAEO;EAAc,CAAC,CAAC;EACjCN,OAAO,EAAEA,OAAO,CAAC;IAAEM;EAAc,CAAC,CAAC;EACnCL,KAAK,EAAEA,KAAK,CAAC;IAAEK;EAAc,CAAC,CAAC;EAC/BJ,OAAO,EAAEA,OAAO,CAAC;IAAEI;EAAc,CAAC,CAAC;EACnCH,UAAU,EAAEA,UAAU,CAAC;IAAEG;EAAc,CAAC;AAC1C,CAAC,CAAC","ignoreList":[]}

package/dist/esm/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    insetFocusRing?: string;\n  }\n\n  interface MixinsOptions {\n    borderRadius?: string;\n    borderStyle?: string;\n    borderWidth?: string;\n    maxWidth?: string;\n    insetFocusRing?: string;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA","ignoreList":[]}
+{"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    insetFocusRing?: string;\n    maxWidth?: string;\n  }\n\n  interface MixinsOptions {\n    borderRadius?: string;\n    borderStyle?: string;\n    borderWidth?: string;\n    insetFocusRing?: string;\n    maxWidth?: string;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA","ignoreList":[]}

package/dist/esm/theme/typography.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.types.js","names":[],"sources":["../../../src/theme/typography.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\nimport { CSSProperties } from \"react\";\n\ndeclare module \"@mui/material/styles\" {\n  interface TypographyVariants {\n    legend: CSSProperties;\n    ui: CSSProperties;\n  }\n  interface TypographyVariantsOptions {\n    legend?: CSSProperties;\n    ui: CSSProperties;\n  }\n}\n\ndeclare module \"@mui/material/Typography\" {\n  interface TypographyPropsVariantOverrides {\n    body1: true; // Design may refer to this as \"body\"\n    body2: false;\n    button: false;\n    legend: true;\n    overline: true;\n    subtitle1: true; // Design may refer to this as \"caption\"\n    subtitle2: true;\n    ui: true;\n    default: true; // used by <Link>\n    monochrome: true; // used by <Link>\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA8BA","ignoreList":[]}
+{"version":3,"file":"typography.types.js","names":[],"sources":["../../../src/theme/typography.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\nimport { CSSProperties } from \"react\";\n\ndeclare module \"@mui/material/styles\" {\n  interface TypographyVariants {\n    legend: CSSProperties;\n    ui: CSSProperties;\n  }\n  interface TypographyVariantsOptions {\n    legend?: CSSProperties;\n    ui: CSSProperties;\n  }\n}\n\ndeclare module \"@mui/material/Typography\" {\n  interface TypographyPropsVariantOverrides {\n    body1: true; // Design may refer to this as \"body\"\n    body2: false;\n    button: false;\n    default: true; // used by <Link>\n    legend: true;\n    monochrome: true; // used by <Link>\n    overline: true;\n    subtitle1: true; // Design may refer to this as \"caption\"\n    subtitle2: true;\n    ui: true;\n  }\n}\n\nexport {};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA8BA","ignoreList":[]}

package/dist/esm/ui-shell/AppSwitcher/AppSwitcher.js

@@ -12,10 +12,10 @@
 
 import styled from "@emotion/styled";
 import { memo } from "react";
-import { AppSwitcherApp, AppSwitcherAppSkeleton } from "./AppSwitcherApp.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
-import { OktaAura } from "./OktaAura.js";
 import { TOP_NAV_HEIGHT } from "../uiShellSharedConstants.js";
+import { AppSwitcherApp, AppSwitcherAppSkeleton } from "./AppSwitcherApp.js";
+import { OktaAura } from "./OktaAura.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AppSwitcherWrapperComponent = styled("nav", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"

package/dist/esm/ui-shell/AppSwitcher/AppSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.js","names":["styled","memo","AppSwitcherApp","AppSwitcherAppSkeleton","useOdysseyDesignTokens","OktaAura","TOP_NAV_HEIGHT","jsx","_jsx","jsxs","_jsxs","AppSwitcherWrapperComponent","shouldForwardProp","prop","odysseyDesignTokens","position","display","height","backgroundColor","HueNeutralWhite","borderInlineEndStyle","borderInlineEndWidth","BorderWidthMain","borderInlineEndColor","BorderColorDisplay","AppSwitcherOktaAuraWrapperComponent","padding","Spacing4","margin","marginBlockEnd","AppSwitcherAppIconULComponent","listStyleType","Spacing0","AppSwitcher","appIcons","isLoading","selectedAppName","children","map","key","appIcon","appName","MemoizedAppSwitcher","displayName"],"sources":["../../../../src/ui-shell/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport { memo } from \"react\";\n\nimport {\n  AppSwitcherApp,\n  AppSwitcherAppIconData,\n  AppSwitcherAppSkeleton,\n} from \"./AppSwitcherApp.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { OktaAura } from \"./OktaAura.js\";\nimport { TOP_NAV_HEIGHT } from \"../uiShellSharedConstants.js\";\n\nexport type AppSwitcherProps = {\n  appIcons: AppSwitcherAppIconData[];\n  selectedAppName: string;\n  isLoading: boolean;\n};\n\nconst AppSwitcherWrapperComponent = styled(\"nav\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  position: \"relative\",\n  display: \"inline-block\",\n  height: \"100%\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  borderInlineEndColor: odysseyDesignTokens.BorderColorDisplay,\n}));\n\nconst AppSwitcherOktaAuraWrapperComponent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  padding: odysseyDesignTokens.Spacing4,\n  margin: \"auto\",\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n}));\n\nconst AppSwitcherAppIconULComponent = styled(\"ul\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  listStyleType: \"none\",\n  margin: odysseyDesignTokens.Spacing0,\n  padding: odysseyDesignTokens.Spacing0,\n}));\n\nconst AppSwitcher = ({\n  appIcons,\n  isLoading,\n  selectedAppName,\n}: AppSwitcherProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <AppSwitcherWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <AppSwitcherOktaAuraWrapperComponent\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <OktaAura />\n      </AppSwitcherOktaAuraWrapperComponent>\n      <AppSwitcherAppIconULComponent odysseyDesignTokens={odysseyDesignTokens}>\n        {isLoading\n          ? [0, 1, 2].map((key) => <AppSwitcherAppSkeleton key={key} />)\n          : appIcons?.map((appIcon) => (\n              <AppSwitcherApp\n                key={appIcon.appName}\n                selectedAppName={selectedAppName}\n                {...appIcon}\n              />\n            ))}\n      </AppSwitcherAppIconULComponent>\n    </AppSwitcherWrapperComponent>\n  );\n};\n\nconst MemoizedAppSwitcher = memo(AppSwitcher);\nMemoizedAppSwitcher.displayName = \"AppSwitcher\";\n\nexport { MemoizedAppSwitcher as AppSwitcher };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAAQ,OAAO;AAE5B,SACEC,cAAc,EAEdC,sBAAsB,QACjB,qBAAqB;AAC5B,SAEEC,sBAAsB,QACjB,qCAAqC;AAC5C,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,cAAc,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ9D,MAAMC,2BAA2B,GAAGX,MAAM,CAAC,KAAK,EAAE;EAChDY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE,cAAc;EACvBC,MAAM,EAAE,MAAM;EACdC,eAAe,EAAEJ,mBAAmB,CAACK,eAAe;EACpDC,oBAAoB,EAAE,OAAO;EAC7BC,oBAAoB,EAAEP,mBAAmB,CAACQ,eAAe;EACzDC,oBAAoB,EAAET,mBAAmB,CAACU;AAC5C,CAAC,CAAC,CAAC;AAEH,MAAMC,mCAAmC,GAAGzB,MAAM,CAAC,KAAK,EAAE;EACxDY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEG,MAAM,EAAEX,cAAc;EACtBoB,OAAO,EAAEZ,mBAAmB,CAACa,QAAQ;EACrCC,MAAM,EAAE,MAAM;EACdC,cAAc,EAAEf,mBAAmB,CAACa;AACtC,CAAC,CAAC,CAAC;AAEH,MAAMG,6BAA6B,GAAG9B,MAAM,CAAC,IAAI,EAAE;EACjDY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEiB,aAAa,EAAE,MAAM;EACrBH,MAAM,EAAEd,mBAAmB,CAACkB,QAAQ;EACpCN,OAAO,EAAEZ,mBAAmB,CAACkB;AAC/B,CAAC,CAAC,CAAC;AAEH,MAAMC,WAAW,GAAGA,CAAC;EACnBC,QAAQ;EACRC,SAAS;EACTC;AACgB,CAAC,KAAK;EACtB,MAAMtB,mBAAmB,GAAGV,sBAAsB,CAAC,CAAC;EAEpD,OACEM,KAAA,CAACC,2BAA2B;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAuB,QAAA,GACpE7B,IAAA,CAACiB,mCAAmC;MAClCX,mBAAmB,EAAEA,mBAAoB;MAAAuB,QAAA,EAEzC7B,IAAA,CAACH,QAAQ,IAAE;IAAC,CACuB,CAAC,EACtCG,IAAA,CAACsB,6BAA6B;MAAChB,mBAAmB,EAAEA,mBAAoB;MAAAuB,QAAA,EACrEF,SAAS,GACN,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACG,GAAG,CAAEC,GAAG,IAAK/B,IAAA,CAACL,sBAAsB,MAAMoC,GAAM,CAAC,CAAC,GAC5DL,QAAQ,EAAEI,GAAG,CAAEE,OAAO,IACpBhC,IAAA,CAACN,cAAc;QAEbkC,eAAe,EAAEA,eAAgB;QAAA,GAC7BI;MAAO,GAFNA,OAAO,CAACC,OAGd,CACF;IAAC,CACuB,CAAC;EAAA,CACL,CAAC;AAElC,CAAC;AAED,MAAMC,mBAAmB,GAAGzC,IAAI,CAACgC,WAAW,CAAC;AAC7CS,mBAAmB,CAACC,WAAW,GAAG,aAAa;AAE/C,SAASD,mBAAmB,IAAIT,WAAW","ignoreList":[]}
+{"version":3,"file":"AppSwitcher.js","names":["styled","memo","useOdysseyDesignTokens","TOP_NAV_HEIGHT","AppSwitcherApp","AppSwitcherAppSkeleton","OktaAura","jsx","_jsx","jsxs","_jsxs","AppSwitcherWrapperComponent","shouldForwardProp","prop","odysseyDesignTokens","position","display","height","backgroundColor","HueNeutralWhite","borderInlineEndStyle","borderInlineEndWidth","BorderWidthMain","borderInlineEndColor","BorderColorDisplay","AppSwitcherOktaAuraWrapperComponent","padding","Spacing4","margin","marginBlockEnd","AppSwitcherAppIconULComponent","listStyleType","Spacing0","AppSwitcher","appIcons","isLoading","selectedAppName","children","map","key","appIcon","appName","MemoizedAppSwitcher","displayName"],"sources":["../../../../src/ui-shell/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport { memo } from \"react\";\n\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { TOP_NAV_HEIGHT } from \"../uiShellSharedConstants.js\";\nimport {\n  AppSwitcherApp,\n  AppSwitcherAppIconData,\n  AppSwitcherAppSkeleton,\n} from \"./AppSwitcherApp.js\";\nimport { OktaAura } from \"./OktaAura.js\";\n\nexport type AppSwitcherProps = {\n  appIcons: AppSwitcherAppIconData[];\n  isLoading: boolean;\n  selectedAppName: string;\n};\n\nconst AppSwitcherWrapperComponent = styled(\"nav\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  position: \"relative\",\n  display: \"inline-block\",\n  height: \"100%\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  borderInlineEndColor: odysseyDesignTokens.BorderColorDisplay,\n}));\n\nconst AppSwitcherOktaAuraWrapperComponent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  padding: odysseyDesignTokens.Spacing4,\n  margin: \"auto\",\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n}));\n\nconst AppSwitcherAppIconULComponent = styled(\"ul\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  listStyleType: \"none\",\n  margin: odysseyDesignTokens.Spacing0,\n  padding: odysseyDesignTokens.Spacing0,\n}));\n\nconst AppSwitcher = ({\n  appIcons,\n  isLoading,\n  selectedAppName,\n}: AppSwitcherProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <AppSwitcherWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <AppSwitcherOktaAuraWrapperComponent\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <OktaAura />\n      </AppSwitcherOktaAuraWrapperComponent>\n      <AppSwitcherAppIconULComponent odysseyDesignTokens={odysseyDesignTokens}>\n        {isLoading\n          ? [0, 1, 2].map((key) => <AppSwitcherAppSkeleton key={key} />)\n          : appIcons?.map((appIcon) => (\n              <AppSwitcherApp\n                key={appIcon.appName}\n                selectedAppName={selectedAppName}\n                {...appIcon}\n              />\n            ))}\n      </AppSwitcherAppIconULComponent>\n    </AppSwitcherWrapperComponent>\n  );\n};\n\nconst MemoizedAppSwitcher = memo(AppSwitcher);\nMemoizedAppSwitcher.displayName = \"AppSwitcher\";\n\nexport { MemoizedAppSwitcher as AppSwitcher };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAAQ,OAAO;AAE5B,SAEEC,sBAAsB,QACjB,qCAAqC;AAC5C,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SACEC,cAAc,EAEdC,sBAAsB,QACjB,qBAAqB;AAC5B,SAASC,QAAQ,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzC,MAAMC,2BAA2B,GAAGX,MAAM,CAAC,KAAK,EAAE;EAChDY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE,cAAc;EACvBC,MAAM,EAAE,MAAM;EACdC,eAAe,EAAEJ,mBAAmB,CAACK,eAAe;EACpDC,oBAAoB,EAAE,OAAO;EAC7BC,oBAAoB,EAAEP,mBAAmB,CAACQ,eAAe;EACzDC,oBAAoB,EAAET,mBAAmB,CAACU;AAC5C,CAAC,CAAC,CAAC;AAEH,MAAMC,mCAAmC,GAAGzB,MAAM,CAAC,KAAK,EAAE;EACxDY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEG,MAAM,EAAEd,cAAc;EACtBuB,OAAO,EAAEZ,mBAAmB,CAACa,QAAQ;EACrCC,MAAM,EAAE,MAAM;EACdC,cAAc,EAAEf,mBAAmB,CAACa;AACtC,CAAC,CAAC,CAAC;AAEH,MAAMG,6BAA6B,GAAG9B,MAAM,CAAC,IAAI,EAAE;EACjDY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEiB,aAAa,EAAE,MAAM;EACrBH,MAAM,EAAEd,mBAAmB,CAACkB,QAAQ;EACpCN,OAAO,EAAEZ,mBAAmB,CAACkB;AAC/B,CAAC,CAAC,CAAC;AAEH,MAAMC,WAAW,GAAGA,CAAC;EACnBC,QAAQ;EACRC,SAAS;EACTC;AACgB,CAAC,KAAK;EACtB,MAAMtB,mBAAmB,GAAGZ,sBAAsB,CAAC,CAAC;EAEpD,OACEQ,KAAA,CAACC,2BAA2B;IAACG,mBAAmB,EAAEA,mBAAoB;IAAAuB,QAAA,GACpE7B,IAAA,CAACiB,mCAAmC;MAClCX,mBAAmB,EAAEA,mBAAoB;MAAAuB,QAAA,EAEzC7B,IAAA,CAACF,QAAQ,IAAE;IAAC,CACuB,CAAC,EACtCE,IAAA,CAACsB,6BAA6B;MAAChB,mBAAmB,EAAEA,mBAAoB;MAAAuB,QAAA,EACrEF,SAAS,GACN,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACG,GAAG,CAAEC,GAAG,IAAK/B,IAAA,CAACH,sBAAsB,MAAMkC,GAAM,CAAC,CAAC,GAC5DL,QAAQ,EAAEI,GAAG,CAAEE,OAAO,IACpBhC,IAAA,CAACJ,cAAc;QAEbgC,eAAe,EAAEA,eAAgB;QAAA,GAC7BI;MAAO,GAFNA,OAAO,CAACC,OAGd,CACF;IAAC,CACuB,CAAC;EAAA,CACL,CAAC;AAElC,CAAC;AAED,MAAMC,mBAAmB,GAAGzC,IAAI,CAACgC,WAAW,CAAC;AAC7CS,mBAAmB,CAACC,WAAW,GAAG,aAAa;AAE/C,SAASD,mBAAmB,IAAIT,WAAW","ignoreList":[]}

package/dist/esm/ui-shell/AppSwitcher/AppSwitcherApp.js

@@ -13,9 +13,9 @@ import _Skeleton from "@mui/material/Skeleton";
 
 import styled from "@emotion/styled";
 import { useCallback } from "react";
+import { MuiPropsContext } from "../../MuiPropsContext.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
 import { Tooltip } from "../../Tooltip.js";
-import { MuiPropsContext } from "../../MuiPropsContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const AppSwitcherAppWrapperComponent = styled("li", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"
@@ -27,7 +27,7 @@ const AppSwitcherAppWrapperComponent = styled("li", {
   textAlign: "center"
 }));
 const AppSwitcherAppLinkComponent = styled("a", {
-  shouldForwardProp: prop => !["odysseyDesignTokens", "isSelected"].includes(prop)
+  shouldForwardProp: prop => !["isSelected", "odysseyDesignTokens"].includes(prop)
 })(({
   odysseyDesignTokens,
   isSelected
@@ -72,14 +72,14 @@ export const AppSwitcherApp = ({
   const isSelected = appName === selectedAppName;
   const renderAppIconLink = useCallback(muiProps => _jsx(AppSwitcherAppLinkComponent, {
     ...muiProps,
-    odysseyDesignTokens: odysseyDesignTokens,
-    isSelected: isSelected,
-    href: linkUrl,
     "aria-current": isSelected ? "page" : undefined,
+    href: linkUrl,
+    isSelected: isSelected,
+    odysseyDesignTokens: odysseyDesignTokens,
     children: _jsx(AppSwitcherAppImgComponent, {
       odysseyDesignTokens: odysseyDesignTokens,
-      src: isSelected ? appIconSelectedUrl : appIconDefaultUrl,
-      role: "presentation"
+      role: "presentation",
+      src: isSelected ? appIconSelectedUrl : appIconDefaultUrl
     })
   }), [odysseyDesignTokens, isSelected, linkUrl, appIconDefaultUrl, appIconSelectedUrl]);
   return _jsx(AppSwitcherAppWrapperComponent, {
@@ -102,9 +102,9 @@ export const AppSwitcherAppSkeleton = () => {
     children: _jsx(AppSwitcherAppSkeletonWrapperComponent, {
       odysseyDesignTokens: odysseyDesignTokens,
       children: _jsx(_Skeleton, {
+        height: odysseyDesignTokens.Spacing6,
         variant: "rounded",
-        width: odysseyDesignTokens.Spacing6,
-        height: odysseyDesignTokens.Spacing6
+        width: odysseyDesignTokens.Spacing6
       })
     })
   });

package/dist/esm/ui-shell/AppSwitcher/AppSwitcherApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcherApp.js","names":["styled","useCallback","useOdysseyDesignTokens","Tooltip","MuiPropsContext","jsx","_jsx","AppSwitcherAppWrapperComponent","shouldForwardProp","prop","odysseyDesignTokens","margin","marginBlockEnd","Spacing3","textAlign","AppSwitcherAppLinkComponent","includes","isSelected","display","padding","Spacing1","backgroundColor","PalettePrimaryLighter","borderRadius","BorderRadiusTight","transition","TransitionDurationMain","HueNeutral50","AppSwitcherAppSkeletonWrapperComponent","AppSwitcherAppImgComponent","width","Spacing6","height","AppSwitcherApp","appIconDefaultUrl","appIconSelectedUrl","appName","label","linkUrl","selectedAppName","renderAppIconLink","muiProps","href","undefined","children","src","role","ariaType","placement","text","translate","Consumer","AppSwitcherAppSkeleton","_Skeleton","variant"],"sources":["../../../../src/ui-shell/AppSwitcher/AppSwitcherApp.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport { Skeleton } from \"@mui/material\";\nimport { useCallback } from \"react\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Tooltip } from \"../../Tooltip.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"../../MuiPropsContext.js\";\n\nconst AppSwitcherAppWrapperComponent = styled(\"li\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  margin: \"auto\",\n  marginBlockEnd: odysseyDesignTokens.Spacing3,\n  textAlign: \"center\",\n}));\n\nconst AppSwitcherAppLinkComponent = styled(\"a\", {\n  shouldForwardProp: (prop) =>\n    ![\"odysseyDesignTokens\", \"isSelected\"].includes(prop),\n})(\n  ({\n    odysseyDesignTokens,\n    isSelected,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isSelected: boolean;\n  }) => ({\n    display: \"inline-block\",\n    margin: \"auto\",\n    padding: odysseyDesignTokens.Spacing1,\n    backgroundColor: isSelected\n      ? odysseyDesignTokens.PalettePrimaryLighter\n      : \"transparent\",\n    borderRadius: odysseyDesignTokens.BorderRadiusTight,\n    transition: `background-color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n    \"&:hover, &:focus\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n    },\n  }),\n);\n\n// Similar to AppSwitcherAppLinkComponent\nconst AppSwitcherAppSkeletonWrapperComponent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"inline-block\",\n  margin: \"auto\",\n  padding: odysseyDesignTokens.Spacing1,\n}));\n\nconst AppSwitcherAppImgComponent = styled(\"img\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"block\",\n  width: odysseyDesignTokens.Spacing6,\n  height: odysseyDesignTokens.Spacing6,\n}));\n\nexport interface AppSwitcherAppIconData {\n  appIconDefaultUrl: string;\n  appIconSelectedUrl: string;\n  appName: string;\n  label: string;\n  linkUrl: string;\n}\n\nexport type AppSwitcherAppProps = AppSwitcherAppIconData & {\n  selectedAppName?: string;\n};\n\nexport const AppSwitcherApp = ({\n  appIconDefaultUrl,\n  appIconSelectedUrl,\n  appName,\n  label,\n  linkUrl,\n  selectedAppName,\n}: AppSwitcherAppProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const isSelected = appName === selectedAppName;\n\n  const renderAppIconLink = useCallback(\n    (muiProps: MuiPropsContextType) => (\n      <AppSwitcherAppLinkComponent\n        {...muiProps}\n        odysseyDesignTokens={odysseyDesignTokens}\n        isSelected={isSelected}\n        href={linkUrl}\n        aria-current={isSelected ? \"page\" : undefined}\n      >\n        <AppSwitcherAppImgComponent\n          odysseyDesignTokens={odysseyDesignTokens}\n          src={isSelected ? appIconSelectedUrl : appIconDefaultUrl}\n          role=\"presentation\"\n        />\n      </AppSwitcherAppLinkComponent>\n    ),\n    [\n      odysseyDesignTokens,\n      isSelected,\n      linkUrl,\n      appIconDefaultUrl,\n      appIconSelectedUrl,\n    ],\n  );\n\n  return (\n    <AppSwitcherAppWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <Tooltip ariaType=\"label\" placement=\"right\" text={label} translate=\"no\">\n        <MuiPropsContext.Consumer>{renderAppIconLink}</MuiPropsContext.Consumer>\n      </Tooltip>\n    </AppSwitcherAppWrapperComponent>\n  );\n};\n\nexport const AppSwitcherAppSkeleton = () => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  return (\n    <AppSwitcherAppWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <AppSwitcherAppSkeletonWrapperComponent\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <Skeleton\n          variant=\"rounded\"\n          width={odysseyDesignTokens.Spacing6}\n          height={odysseyDesignTokens.Spacing6}\n        />\n      </AppSwitcherAppSkeletonWrapperComponent>\n    </AppSwitcherAppWrapperComponent>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AppSwitcherApp.js","names":["styled","useCallback","MuiPropsContext","useOdysseyDesignTokens","Tooltip","jsx","_jsx","AppSwitcherAppWrapperComponent","shouldForwardProp","prop","odysseyDesignTokens","margin","marginBlockEnd","Spacing3","textAlign","AppSwitcherAppLinkComponent","includes","isSelected","display","padding","Spacing1","backgroundColor","PalettePrimaryLighter","borderRadius","BorderRadiusTight","transition","TransitionDurationMain","HueNeutral50","AppSwitcherAppSkeletonWrapperComponent","AppSwitcherAppImgComponent","width","Spacing6","height","AppSwitcherApp","appIconDefaultUrl","appIconSelectedUrl","appName","label","linkUrl","selectedAppName","renderAppIconLink","muiProps","undefined","href","children","role","src","ariaType","placement","text","translate","Consumer","AppSwitcherAppSkeleton","_Skeleton","variant"],"sources":["../../../../src/ui-shell/AppSwitcher/AppSwitcherApp.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport { Skeleton } from \"@mui/material\";\nimport { useCallback } from \"react\";\n\nimport { MuiPropsContext, MuiPropsContextType } from \"../../MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Tooltip } from \"../../Tooltip.js\";\n\nconst AppSwitcherAppWrapperComponent = styled(\"li\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  margin: \"auto\",\n  marginBlockEnd: odysseyDesignTokens.Spacing3,\n  textAlign: \"center\",\n}));\n\nconst AppSwitcherAppLinkComponent = styled(\"a\", {\n  shouldForwardProp: (prop) =>\n    ![\"isSelected\", \"odysseyDesignTokens\"].includes(prop),\n})(\n  ({\n    odysseyDesignTokens,\n    isSelected,\n  }: {\n    isSelected: boolean;\n    odysseyDesignTokens: DesignTokens;\n  }) => ({\n    display: \"inline-block\",\n    margin: \"auto\",\n    padding: odysseyDesignTokens.Spacing1,\n    backgroundColor: isSelected\n      ? odysseyDesignTokens.PalettePrimaryLighter\n      : \"transparent\",\n    borderRadius: odysseyDesignTokens.BorderRadiusTight,\n    transition: `background-color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n    \"&:hover, &:focus\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n    },\n  }),\n);\n\n// Similar to AppSwitcherAppLinkComponent\nconst AppSwitcherAppSkeletonWrapperComponent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"inline-block\",\n  margin: \"auto\",\n  padding: odysseyDesignTokens.Spacing1,\n}));\n\nconst AppSwitcherAppImgComponent = styled(\"img\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"block\",\n  width: odysseyDesignTokens.Spacing6,\n  height: odysseyDesignTokens.Spacing6,\n}));\n\nexport interface AppSwitcherAppIconData {\n  appIconDefaultUrl: string;\n  appIconSelectedUrl: string;\n  appName: string;\n  label: string;\n  linkUrl: string;\n}\n\nexport type AppSwitcherAppProps = AppSwitcherAppIconData & {\n  selectedAppName?: string;\n};\n\nexport const AppSwitcherApp = ({\n  appIconDefaultUrl,\n  appIconSelectedUrl,\n  appName,\n  label,\n  linkUrl,\n  selectedAppName,\n}: AppSwitcherAppProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const isSelected = appName === selectedAppName;\n\n  const renderAppIconLink = useCallback(\n    (muiProps: MuiPropsContextType) => (\n      <AppSwitcherAppLinkComponent\n        {...muiProps}\n        aria-current={isSelected ? \"page\" : undefined}\n        href={linkUrl}\n        isSelected={isSelected}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <AppSwitcherAppImgComponent\n          odysseyDesignTokens={odysseyDesignTokens}\n          role=\"presentation\"\n          src={isSelected ? appIconSelectedUrl : appIconDefaultUrl}\n        />\n      </AppSwitcherAppLinkComponent>\n    ),\n    [\n      odysseyDesignTokens,\n      isSelected,\n      linkUrl,\n      appIconDefaultUrl,\n      appIconSelectedUrl,\n    ],\n  );\n\n  return (\n    <AppSwitcherAppWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <Tooltip ariaType=\"label\" placement=\"right\" text={label} translate=\"no\">\n        <MuiPropsContext.Consumer>{renderAppIconLink}</MuiPropsContext.Consumer>\n      </Tooltip>\n    </AppSwitcherAppWrapperComponent>\n  );\n};\n\nexport const AppSwitcherAppSkeleton = () => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  return (\n    <AppSwitcherAppWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <AppSwitcherAppSkeletonWrapperComponent\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <Skeleton\n          height={odysseyDesignTokens.Spacing6}\n          variant=\"rounded\"\n          width={odysseyDesignTokens.Spacing6}\n        />\n      </AppSwitcherAppSkeletonWrapperComponent>\n    </AppSwitcherAppWrapperComponent>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ui-shell/AppSwitcher/OktaAura.js

@@ -26,17 +26,17 @@ const OktaAuraSvgComponent = styled("svg", {
 const OktaAura = () => {
   const odysseyDesignTokens = useOdysseyDesignTokens();
   return _jsx(OktaAuraSvgComponent, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    width: "32",
+    fill: "none",
     height: "32",
+    odysseyDesignTokens: odysseyDesignTokens,
     viewBox: "0 0 32 32",
-    fill: "none",
+    width: "32",
     xmlns: "http://www.w3.org/2000/svg",
     children: _jsx("path", {
-      fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M17.6032 0.226701L16.9464 8.33185L16.9474 8.3328C16.6365 8.29478 16.3219 8.2734 16.0011 8.2734C15.6019 8.2734 15.2088 8.30381 14.8258 8.36227L14.4527 4.43184C14.4413 4.30922 14.5382 4.20181 14.6623 4.20371H15.3338L15.0102 0.227176C14.9992 0.105509 15.0957 0 15.2188 0H17.3946C17.5162 0 17.6127 0.104558 17.6032 0.226701ZM12.112 0.62925C12.0797 0.511384 11.9533 0.445798 11.8383 0.488096L9.79368 1.23283C9.67867 1.27466 9.62401 1.40631 9.67486 1.51752L11.3383 5.14331L10.7067 5.37143C10.5907 5.41326 10.5351 5.54681 10.5888 5.65897L12.2836 9.22487C12.8986 8.88649 13.5639 8.63127 14.2664 8.47063L12.112 0.62925ZM7.09038 2.88628L11.796 9.51669L11.7969 9.51764C11.2005 9.90545 10.6606 10.3736 10.1929 10.9064L7.37839 8.13367C7.28951 8.04717 7.29664 7.90269 7.39122 7.8238L7.90593 7.39321L5.1033 4.55493C5.01775 4.46843 5.02441 4.32585 5.11803 4.24696L6.78431 2.84731C6.87889 2.76841 7.01909 2.78695 7.09038 2.88628ZM3.14283 6.72451C3.04255 6.65512 2.9033 6.68649 2.84152 6.79152L1.75411 8.67642C1.6928 8.78288 1.73558 8.91833 1.84584 8.97061L5.45024 10.6792L5.11328 11.26C5.05102 11.3674 5.09474 11.5047 5.20786 11.556L8.79895 13.1981C9.05892 12.5303 9.40681 11.9077 9.8317 11.3455L3.14283 6.72451ZM0.487535 11.8479C0.508921 11.7271 0.627737 11.6501 0.746553 11.681L8.6117 13.7356C8.40781 14.4 8.29422 15.1029 8.27854 15.831L4.3405 15.515C4.21693 15.505 4.12901 15.391 4.15039 15.2693L4.26826 14.6087L0.297429 14.2365C0.175761 14.2247 0.088788 14.1115 0.110175 13.9908L0.487535 11.8479ZM0.190495 17.1594C0.068827 17.1713 -0.0181464 17.2844 0.00324043 17.4051L0.381551 19.5486C0.402938 19.6693 0.522704 19.7463 0.64057 19.7154L4.49971 18.7069L4.61473 19.3675C4.63611 19.4892 4.75778 19.5661 4.87707 19.5333L8.68346 18.4825C8.45914 17.8229 8.32084 17.1252 8.28376 16.399L0.19097 17.1604L0.190495 17.1594ZM1.44947 22.7918C1.38816 22.6853 1.42998 22.5499 1.54119 22.4971L8.88497 19.0148C9.16443 19.6736 9.53419 20.2847 9.97618 20.8346L6.75769 23.124C6.65741 23.1962 6.51578 23.1648 6.45447 23.0579L6.12036 22.4762L2.83914 24.7441C2.73791 24.8145 2.59961 24.7831 2.53782 24.6771L1.44947 22.7918ZM10.3474 21.2647L4.63516 27.052C4.54962 27.1385 4.55627 27.2811 4.6499 27.36L6.31712 28.7587C6.41075 28.8376 6.5519 28.8191 6.62319 28.7197L8.9306 25.4665L9.44436 25.8995C9.53894 25.9794 9.68199 25.9599 9.75233 25.8586L11.9927 22.6083C11.3849 22.2381 10.8321 21.7847 10.3488 21.2671L10.3474 21.2647ZM9.21908 30.5576C9.10407 30.5158 9.04942 30.3841 9.10027 30.2729L12.4894 22.8816C13.1129 23.2005 13.7854 23.4381 14.4931 23.5783L13.4993 27.3999C13.4679 27.5197 13.3406 27.5872 13.2246 27.5444L12.5939 27.3134L11.5374 31.1602C11.5051 31.2781 11.3787 31.3437 11.2637 31.3014L9.21908 30.5576ZM15.0539 23.6672L14.3971 31.7728C14.3876 31.8945 14.4836 32 14.6057 32H16.7815C16.9046 32 17.0006 31.8945 16.9901 31.7728L16.6665 27.7963H17.338C17.4616 27.7982 17.559 27.6908 17.5476 27.5682L17.1745 23.6377C16.7915 23.6962 16.3989 23.7261 15.9992 23.7261C15.6789 23.7261 15.3642 23.7052 15.0539 23.6672ZM22.9005 1.72521C22.9514 1.614 22.8967 1.48235 22.7817 1.44053L20.7371 0.696737C20.6221 0.654914 20.4957 0.720025 20.4634 0.837891L19.4068 4.68468L18.7762 4.4537C18.6602 4.41093 18.5324 4.47794 18.5015 4.5977L17.5077 8.4193C18.2154 8.5595 18.8874 8.79761 19.5114 9.11604L22.9005 1.72521ZM27.3656 4.94655L21.6534 10.7338L21.6525 10.7319C21.1691 10.2144 20.6169 9.76145 20.0085 9.39074L22.2489 6.14041C22.3193 6.03918 22.4623 6.01969 22.5569 6.09954L23.0707 6.53203L25.3781 3.27885C25.4493 3.17952 25.5905 3.16098 25.6841 3.23987L27.3514 4.63858C27.445 4.71747 27.4512 4.86005 27.3656 4.94655ZM30.4596 9.501C30.5708 9.44825 30.6126 9.3128 30.5513 9.20681L29.463 7.32192C29.4016 7.21546 29.2633 7.18457 29.1616 7.25443L25.8804 9.52239L25.5463 8.94067C25.485 8.83326 25.3438 8.80236 25.2431 8.8746L22.0246 11.164C22.4671 11.7138 22.8364 12.3245 23.1163 12.9837L30.4596 9.501ZM31.6183 12.451L31.9966 14.5944L31.9975 14.5954C32.0189 14.7161 31.9324 14.8292 31.8103 14.8411L23.7165 15.6015C23.6795 14.8753 23.5412 14.1776 23.3173 13.5179L27.1237 12.4671C27.2425 12.4339 27.3642 12.5108 27.386 12.633L27.5011 13.2936L31.3602 12.2851C31.4781 12.2537 31.5978 12.3307 31.6192 12.4519L31.6183 12.451ZM31.2528 20.3171C31.3716 20.3484 31.4904 20.2714 31.5118 20.1502L31.8892 18.0073C31.9106 17.8866 31.8241 17.7734 31.7019 17.7616L27.7311 17.3894L27.849 16.7288C27.8703 16.6071 27.7829 16.4931 27.6589 16.4831L23.7213 16.1671C23.7056 16.8952 23.5906 17.5981 23.3881 18.2625L31.2533 20.3161L31.2528 20.3171ZM29.1578 25.2066C29.0965 25.3121 28.9573 25.343 28.857 25.2736L28.8579 25.2726L22.1681 20.6521C22.593 20.0899 22.9409 19.4673 23.2009 18.7995L26.792 20.4421C26.9051 20.4939 26.9488 20.6312 26.8865 20.7381L26.5491 21.3189L30.154 23.0275C30.2642 23.0802 30.307 23.2157 30.2457 23.3217L29.1578 25.2066ZM20.2034 22.4814L24.909 29.1128C24.9803 29.2121 25.1205 29.2306 25.215 29.1517L26.8813 27.7521C26.9749 27.6732 26.9816 27.5306 26.8961 27.4441L24.0934 24.6063L24.6081 24.1757C24.7027 24.0968 24.7094 23.9524 24.621 23.8659L21.8069 21.0932C21.3393 21.6264 20.7998 22.0936 20.2034 22.4814ZM20.1625 31.5105C20.0475 31.5523 19.9206 31.4872 19.8888 31.3693L17.7344 23.5284C18.4368 23.3678 19.1027 23.1121 19.7177 22.7742L21.412 26.3401C21.4657 26.4522 21.4101 26.5858 21.2941 26.6276L20.6625 26.8557L22.3259 30.4815C22.3768 30.5927 22.3221 30.7244 22.2071 30.7662L20.1625 31.5105Z",
-      fill: "black"
+      fill: "black",
+      fillRule: "evenodd"
     })
   });
 };

package/dist/esm/ui-shell/AppSwitcher/OktaAura.js.map

@@ -1 +1 @@
-{"version":3,"file":"OktaAura.js","names":["styled","memo","useOdysseyDesignTokens","jsx","_jsx","OktaAuraSvgComponent","shouldForwardProp","prop","odysseyDesignTokens","width","Spacing6","height","margin","OktaAura","viewBox","fill","xmlns","children","fillRule","clipRule","d","MemoizedOktaAura"],"sources":["../../../../src/ui-shell/AppSwitcher/OktaAura.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport { memo } from \"react\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\nconst OktaAuraSvgComponent = styled(\"svg\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  width: odysseyDesignTokens.Spacing6,\n  height: odysseyDesignTokens.Spacing6,\n  margin: \"auto\",\n}));\n\nconst OktaAura = () => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  return (\n    <OktaAuraSvgComponent\n      odysseyDesignTokens={odysseyDesignTokens}\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17.6032 0.226701L16.9464 8.33185L16.9474 8.3328C16.6365 8.29478 16.3219 8.2734 16.0011 8.2734C15.6019 8.2734 15.2088 8.30381 14.8258 8.36227L14.4527 4.43184C14.4413 4.30922 14.5382 4.20181 14.6623 4.20371H15.3338L15.0102 0.227176C14.9992 0.105509 15.0957 0 15.2188 0H17.3946C17.5162 0 17.6127 0.104558 17.6032 0.226701ZM12.112 0.62925C12.0797 0.511384 11.9533 0.445798 11.8383 0.488096L9.79368 1.23283C9.67867 1.27466 9.62401 1.40631 9.67486 1.51752L11.3383 5.14331L10.7067 5.37143C10.5907 5.41326 10.5351 5.54681 10.5888 5.65897L12.2836 9.22487C12.8986 8.88649 13.5639 8.63127 14.2664 8.47063L12.112 0.62925ZM7.09038 2.88628L11.796 9.51669L11.7969 9.51764C11.2005 9.90545 10.6606 10.3736 10.1929 10.9064L7.37839 8.13367C7.28951 8.04717 7.29664 7.90269 7.39122 7.8238L7.90593 7.39321L5.1033 4.55493C5.01775 4.46843 5.02441 4.32585 5.11803 4.24696L6.78431 2.84731C6.87889 2.76841 7.01909 2.78695 7.09038 2.88628ZM3.14283 6.72451C3.04255 6.65512 2.9033 6.68649 2.84152 6.79152L1.75411 8.67642C1.6928 8.78288 1.73558 8.91833 1.84584 8.97061L5.45024 10.6792L5.11328 11.26C5.05102 11.3674 5.09474 11.5047 5.20786 11.556L8.79895 13.1981C9.05892 12.5303 9.40681 11.9077 9.8317 11.3455L3.14283 6.72451ZM0.487535 11.8479C0.508921 11.7271 0.627737 11.6501 0.746553 11.681L8.6117 13.7356C8.40781 14.4 8.29422 15.1029 8.27854 15.831L4.3405 15.515C4.21693 15.505 4.12901 15.391 4.15039 15.2693L4.26826 14.6087L0.297429 14.2365C0.175761 14.2247 0.088788 14.1115 0.110175 13.9908L0.487535 11.8479ZM0.190495 17.1594C0.068827 17.1713 -0.0181464 17.2844 0.00324043 17.4051L0.381551 19.5486C0.402938 19.6693 0.522704 19.7463 0.64057 19.7154L4.49971 18.7069L4.61473 19.3675C4.63611 19.4892 4.75778 19.5661 4.87707 19.5333L8.68346 18.4825C8.45914 17.8229 8.32084 17.1252 8.28376 16.399L0.19097 17.1604L0.190495 17.1594ZM1.44947 22.7918C1.38816 22.6853 1.42998 22.5499 1.54119 22.4971L8.88497 19.0148C9.16443 19.6736 9.53419 20.2847 9.97618 20.8346L6.75769 23.124C6.65741 23.1962 6.51578 23.1648 6.45447 23.0579L6.12036 22.4762L2.83914 24.7441C2.73791 24.8145 2.59961 24.7831 2.53782 24.6771L1.44947 22.7918ZM10.3474 21.2647L4.63516 27.052C4.54962 27.1385 4.55627 27.2811 4.6499 27.36L6.31712 28.7587C6.41075 28.8376 6.5519 28.8191 6.62319 28.7197L8.9306 25.4665L9.44436 25.8995C9.53894 25.9794 9.68199 25.9599 9.75233 25.8586L11.9927 22.6083C11.3849 22.2381 10.8321 21.7847 10.3488 21.2671L10.3474 21.2647ZM9.21908 30.5576C9.10407 30.5158 9.04942 30.3841 9.10027 30.2729L12.4894 22.8816C13.1129 23.2005 13.7854 23.4381 14.4931 23.5783L13.4993 27.3999C13.4679 27.5197 13.3406 27.5872 13.2246 27.5444L12.5939 27.3134L11.5374 31.1602C11.5051 31.2781 11.3787 31.3437 11.2637 31.3014L9.21908 30.5576ZM15.0539 23.6672L14.3971 31.7728C14.3876 31.8945 14.4836 32 14.6057 32H16.7815C16.9046 32 17.0006 31.8945 16.9901 31.7728L16.6665 27.7963H17.338C17.4616 27.7982 17.559 27.6908 17.5476 27.5682L17.1745 23.6377C16.7915 23.6962 16.3989 23.7261 15.9992 23.7261C15.6789 23.7261 15.3642 23.7052 15.0539 23.6672ZM22.9005 1.72521C22.9514 1.614 22.8967 1.48235 22.7817 1.44053L20.7371 0.696737C20.6221 0.654914 20.4957 0.720025 20.4634 0.837891L19.4068 4.68468L18.7762 4.4537C18.6602 4.41093 18.5324 4.47794 18.5015 4.5977L17.5077 8.4193C18.2154 8.5595 18.8874 8.79761 19.5114 9.11604L22.9005 1.72521ZM27.3656 4.94655L21.6534 10.7338L21.6525 10.7319C21.1691 10.2144 20.6169 9.76145 20.0085 9.39074L22.2489 6.14041C22.3193 6.03918 22.4623 6.01969 22.5569 6.09954L23.0707 6.53203L25.3781 3.27885C25.4493 3.17952 25.5905 3.16098 25.6841 3.23987L27.3514 4.63858C27.445 4.71747 27.4512 4.86005 27.3656 4.94655ZM30.4596 9.501C30.5708 9.44825 30.6126 9.3128 30.5513 9.20681L29.463 7.32192C29.4016 7.21546 29.2633 7.18457 29.1616 7.25443L25.8804 9.52239L25.5463 8.94067C25.485 8.83326 25.3438 8.80236 25.2431 8.8746L22.0246 11.164C22.4671 11.7138 22.8364 12.3245 23.1163 12.9837L30.4596 9.501ZM31.6183 12.451L31.9966 14.5944L31.9975 14.5954C32.0189 14.7161 31.9324 14.8292 31.8103 14.8411L23.7165 15.6015C23.6795 14.8753 23.5412 14.1776 23.3173 13.5179L27.1237 12.4671C27.2425 12.4339 27.3642 12.5108 27.386 12.633L27.5011 13.2936L31.3602 12.2851C31.4781 12.2537 31.5978 12.3307 31.6192 12.4519L31.6183 12.451ZM31.2528 20.3171C31.3716 20.3484 31.4904 20.2714 31.5118 20.1502L31.8892 18.0073C31.9106 17.8866 31.8241 17.7734 31.7019 17.7616L27.7311 17.3894L27.849 16.7288C27.8703 16.6071 27.7829 16.4931 27.6589 16.4831L23.7213 16.1671C23.7056 16.8952 23.5906 17.5981 23.3881 18.2625L31.2533 20.3161L31.2528 20.3171ZM29.1578 25.2066C29.0965 25.3121 28.9573 25.343 28.857 25.2736L28.8579 25.2726L22.1681 20.6521C22.593 20.0899 22.9409 19.4673 23.2009 18.7995L26.792 20.4421C26.9051 20.4939 26.9488 20.6312 26.8865 20.7381L26.5491 21.3189L30.154 23.0275C30.2642 23.0802 30.307 23.2157 30.2457 23.3217L29.1578 25.2066ZM20.2034 22.4814L24.909 29.1128C24.9803 29.2121 25.1205 29.2306 25.215 29.1517L26.8813 27.7521C26.9749 27.6732 26.9816 27.5306 26.8961 27.4441L24.0934 24.6063L24.6081 24.1757C24.7027 24.0968 24.7094 23.9524 24.621 23.8659L21.8069 21.0932C21.3393 21.6264 20.7998 22.0936 20.2034 22.4814ZM20.1625 31.5105C20.0475 31.5523 19.9206 31.4872 19.8888 31.3693L17.7344 23.5284C18.4368 23.3678 19.1027 23.1121 19.7177 22.7742L21.412 26.3401C21.4657 26.4522 21.4101 26.5858 21.2941 26.6276L20.6625 26.8557L22.3259 30.4815C22.3768 30.5927 22.3221 30.7244 22.2071 30.7662L20.1625 31.5105Z\"\n        fill=\"black\"\n      />\n    </OktaAuraSvgComponent>\n  );\n};\nconst MemoizedOktaAura = memo(OktaAura);\n\nexport { MemoizedOktaAura as OktaAura };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAAQ,OAAO;AAC5B,SAEEC,sBAAsB,QACjB,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,oBAAoB,GAAGL,MAAM,CAAC,KAAK,EAAE;EACzCM,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,KAAK,EAAED,mBAAmB,CAACE,QAAQ;EACnCC,MAAM,EAAEH,mBAAmB,CAACE,QAAQ;EACpCE,MAAM,EAAE;AACV,CAAC,CAAC,CAAC;AAEH,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,MAAML,mBAAmB,GAAGN,sBAAsB,CAAC,CAAC;EACpD,OACEE,IAAA,CAACC,oBAAoB;IACnBG,mBAAmB,EAAEA,mBAAoB;IACzCC,KAAK,EAAC,IAAI;IACVE,MAAM,EAAC,IAAI;IACXG,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElCb,IAAA;MACEc,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,kuKAAkuK;MACpuKL,IAAI,EAAC;IAAO,CACb;EAAC,CACkB,CAAC;AAE3B,CAAC;AACD,MAAMM,gBAAgB,GAAGpB,IAAI,CAACY,QAAQ,CAAC;AAEvC,SAASQ,gBAAgB,IAAIR,QAAQ","ignoreList":[]}
+{"version":3,"file":"OktaAura.js","names":["styled","memo","useOdysseyDesignTokens","jsx","_jsx","OktaAuraSvgComponent","shouldForwardProp","prop","odysseyDesignTokens","width","Spacing6","height","margin","OktaAura","fill","viewBox","xmlns","children","clipRule","d","fillRule","MemoizedOktaAura"],"sources":["../../../../src/ui-shell/AppSwitcher/OktaAura.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport { memo } from \"react\";\n\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\nconst OktaAuraSvgComponent = styled(\"svg\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  width: odysseyDesignTokens.Spacing6,\n  height: odysseyDesignTokens.Spacing6,\n  margin: \"auto\",\n}));\n\nconst OktaAura = () => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  return (\n    <OktaAuraSvgComponent\n      fill=\"none\"\n      height=\"32\"\n      odysseyDesignTokens={odysseyDesignTokens}\n      viewBox=\"0 0 32 32\"\n      width=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clipRule=\"evenodd\"\n        d=\"M17.6032 0.226701L16.9464 8.33185L16.9474 8.3328C16.6365 8.29478 16.3219 8.2734 16.0011 8.2734C15.6019 8.2734 15.2088 8.30381 14.8258 8.36227L14.4527 4.43184C14.4413 4.30922 14.5382 4.20181 14.6623 4.20371H15.3338L15.0102 0.227176C14.9992 0.105509 15.0957 0 15.2188 0H17.3946C17.5162 0 17.6127 0.104558 17.6032 0.226701ZM12.112 0.62925C12.0797 0.511384 11.9533 0.445798 11.8383 0.488096L9.79368 1.23283C9.67867 1.27466 9.62401 1.40631 9.67486 1.51752L11.3383 5.14331L10.7067 5.37143C10.5907 5.41326 10.5351 5.54681 10.5888 5.65897L12.2836 9.22487C12.8986 8.88649 13.5639 8.63127 14.2664 8.47063L12.112 0.62925ZM7.09038 2.88628L11.796 9.51669L11.7969 9.51764C11.2005 9.90545 10.6606 10.3736 10.1929 10.9064L7.37839 8.13367C7.28951 8.04717 7.29664 7.90269 7.39122 7.8238L7.90593 7.39321L5.1033 4.55493C5.01775 4.46843 5.02441 4.32585 5.11803 4.24696L6.78431 2.84731C6.87889 2.76841 7.01909 2.78695 7.09038 2.88628ZM3.14283 6.72451C3.04255 6.65512 2.9033 6.68649 2.84152 6.79152L1.75411 8.67642C1.6928 8.78288 1.73558 8.91833 1.84584 8.97061L5.45024 10.6792L5.11328 11.26C5.05102 11.3674 5.09474 11.5047 5.20786 11.556L8.79895 13.1981C9.05892 12.5303 9.40681 11.9077 9.8317 11.3455L3.14283 6.72451ZM0.487535 11.8479C0.508921 11.7271 0.627737 11.6501 0.746553 11.681L8.6117 13.7356C8.40781 14.4 8.29422 15.1029 8.27854 15.831L4.3405 15.515C4.21693 15.505 4.12901 15.391 4.15039 15.2693L4.26826 14.6087L0.297429 14.2365C0.175761 14.2247 0.088788 14.1115 0.110175 13.9908L0.487535 11.8479ZM0.190495 17.1594C0.068827 17.1713 -0.0181464 17.2844 0.00324043 17.4051L0.381551 19.5486C0.402938 19.6693 0.522704 19.7463 0.64057 19.7154L4.49971 18.7069L4.61473 19.3675C4.63611 19.4892 4.75778 19.5661 4.87707 19.5333L8.68346 18.4825C8.45914 17.8229 8.32084 17.1252 8.28376 16.399L0.19097 17.1604L0.190495 17.1594ZM1.44947 22.7918C1.38816 22.6853 1.42998 22.5499 1.54119 22.4971L8.88497 19.0148C9.16443 19.6736 9.53419 20.2847 9.97618 20.8346L6.75769 23.124C6.65741 23.1962 6.51578 23.1648 6.45447 23.0579L6.12036 22.4762L2.83914 24.7441C2.73791 24.8145 2.59961 24.7831 2.53782 24.6771L1.44947 22.7918ZM10.3474 21.2647L4.63516 27.052C4.54962 27.1385 4.55627 27.2811 4.6499 27.36L6.31712 28.7587C6.41075 28.8376 6.5519 28.8191 6.62319 28.7197L8.9306 25.4665L9.44436 25.8995C9.53894 25.9794 9.68199 25.9599 9.75233 25.8586L11.9927 22.6083C11.3849 22.2381 10.8321 21.7847 10.3488 21.2671L10.3474 21.2647ZM9.21908 30.5576C9.10407 30.5158 9.04942 30.3841 9.10027 30.2729L12.4894 22.8816C13.1129 23.2005 13.7854 23.4381 14.4931 23.5783L13.4993 27.3999C13.4679 27.5197 13.3406 27.5872 13.2246 27.5444L12.5939 27.3134L11.5374 31.1602C11.5051 31.2781 11.3787 31.3437 11.2637 31.3014L9.21908 30.5576ZM15.0539 23.6672L14.3971 31.7728C14.3876 31.8945 14.4836 32 14.6057 32H16.7815C16.9046 32 17.0006 31.8945 16.9901 31.7728L16.6665 27.7963H17.338C17.4616 27.7982 17.559 27.6908 17.5476 27.5682L17.1745 23.6377C16.7915 23.6962 16.3989 23.7261 15.9992 23.7261C15.6789 23.7261 15.3642 23.7052 15.0539 23.6672ZM22.9005 1.72521C22.9514 1.614 22.8967 1.48235 22.7817 1.44053L20.7371 0.696737C20.6221 0.654914 20.4957 0.720025 20.4634 0.837891L19.4068 4.68468L18.7762 4.4537C18.6602 4.41093 18.5324 4.47794 18.5015 4.5977L17.5077 8.4193C18.2154 8.5595 18.8874 8.79761 19.5114 9.11604L22.9005 1.72521ZM27.3656 4.94655L21.6534 10.7338L21.6525 10.7319C21.1691 10.2144 20.6169 9.76145 20.0085 9.39074L22.2489 6.14041C22.3193 6.03918 22.4623 6.01969 22.5569 6.09954L23.0707 6.53203L25.3781 3.27885C25.4493 3.17952 25.5905 3.16098 25.6841 3.23987L27.3514 4.63858C27.445 4.71747 27.4512 4.86005 27.3656 4.94655ZM30.4596 9.501C30.5708 9.44825 30.6126 9.3128 30.5513 9.20681L29.463 7.32192C29.4016 7.21546 29.2633 7.18457 29.1616 7.25443L25.8804 9.52239L25.5463 8.94067C25.485 8.83326 25.3438 8.80236 25.2431 8.8746L22.0246 11.164C22.4671 11.7138 22.8364 12.3245 23.1163 12.9837L30.4596 9.501ZM31.6183 12.451L31.9966 14.5944L31.9975 14.5954C32.0189 14.7161 31.9324 14.8292 31.8103 14.8411L23.7165 15.6015C23.6795 14.8753 23.5412 14.1776 23.3173 13.5179L27.1237 12.4671C27.2425 12.4339 27.3642 12.5108 27.386 12.633L27.5011 13.2936L31.3602 12.2851C31.4781 12.2537 31.5978 12.3307 31.6192 12.4519L31.6183 12.451ZM31.2528 20.3171C31.3716 20.3484 31.4904 20.2714 31.5118 20.1502L31.8892 18.0073C31.9106 17.8866 31.8241 17.7734 31.7019 17.7616L27.7311 17.3894L27.849 16.7288C27.8703 16.6071 27.7829 16.4931 27.6589 16.4831L23.7213 16.1671C23.7056 16.8952 23.5906 17.5981 23.3881 18.2625L31.2533 20.3161L31.2528 20.3171ZM29.1578 25.2066C29.0965 25.3121 28.9573 25.343 28.857 25.2736L28.8579 25.2726L22.1681 20.6521C22.593 20.0899 22.9409 19.4673 23.2009 18.7995L26.792 20.4421C26.9051 20.4939 26.9488 20.6312 26.8865 20.7381L26.5491 21.3189L30.154 23.0275C30.2642 23.0802 30.307 23.2157 30.2457 23.3217L29.1578 25.2066ZM20.2034 22.4814L24.909 29.1128C24.9803 29.2121 25.1205 29.2306 25.215 29.1517L26.8813 27.7521C26.9749 27.6732 26.9816 27.5306 26.8961 27.4441L24.0934 24.6063L24.6081 24.1757C24.7027 24.0968 24.7094 23.9524 24.621 23.8659L21.8069 21.0932C21.3393 21.6264 20.7998 22.0936 20.2034 22.4814ZM20.1625 31.5105C20.0475 31.5523 19.9206 31.4872 19.8888 31.3693L17.7344 23.5284C18.4368 23.3678 19.1027 23.1121 19.7177 22.7742L21.412 26.3401C21.4657 26.4522 21.4101 26.5858 21.2941 26.6276L20.6625 26.8557L22.3259 30.4815C22.3768 30.5927 22.3221 30.7244 22.2071 30.7662L20.1625 31.5105Z\"\n        fill=\"black\"\n        fillRule=\"evenodd\"\n      />\n    </OktaAuraSvgComponent>\n  );\n};\nconst MemoizedOktaAura = memo(OktaAura);\n\nexport { MemoizedOktaAura as OktaAura };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAAQ,OAAO;AAE5B,SAEEC,sBAAsB,QACjB,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,oBAAoB,GAAGL,MAAM,CAAC,KAAK,EAAE;EACzCM,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,KAAK,EAAED,mBAAmB,CAACE,QAAQ;EACnCC,MAAM,EAAEH,mBAAmB,CAACE,QAAQ;EACpCE,MAAM,EAAE;AACV,CAAC,CAAC,CAAC;AAEH,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,MAAML,mBAAmB,GAAGN,sBAAsB,CAAC,CAAC;EACpD,OACEE,IAAA,CAACC,oBAAoB;IACnBS,IAAI,EAAC,MAAM;IACXH,MAAM,EAAC,IAAI;IACXH,mBAAmB,EAAEA,mBAAoB;IACzCO,OAAO,EAAC,WAAW;IACnBN,KAAK,EAAC,IAAI;IACVO,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElCb,IAAA;MACEc,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,kuKAAkuK;MACpuKL,IAAI,EAAC,OAAO;MACZM,QAAQ,EAAC;IAAS,CACnB;EAAC,CACkB,CAAC;AAE3B,CAAC;AACD,MAAMC,gBAAgB,GAAGpB,IAAI,CAACY,QAAQ,CAAC;AAEvC,SAASQ,gBAAgB,IAAIR,QAAQ","ignoreList":[]}

package/dist/esm/ui-shell/InnerAppContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerAppContainer.js","names":["styled","memo","UI_SHELL_BASE_Z_INDEX","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","StyledAppContainerShadowShared","left","pointerEvents","position","top","width","zIndex","StyledAppContainerShadow1","background","height","StyledAppContainerShadow2","StyledAppContainerShadow3","InnerAppContainer","isContentScrolled","children","MemoizedInnerAppContainer","displayName"],"sources":["../../../src/ui-shell/InnerAppContainer.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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 styled from \"@emotion/styled\";\nimport { memo } from \"react\";\nimport { UI_SHELL_BASE_Z_INDEX } from \"./uiShellSharedConstants.js\";\n\n// Shared styles for fake inset shadow. Not rendered anywhere.\nconst StyledAppContainerShadowShared = styled(\"div\")({\n  left: 0,\n  pointerEvents: \"none\",\n  position: \"absolute\",\n  top: 0,\n  width: \"100%\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n});\n\nexport const StyledAppContainerShadow1 = styled(StyledAppContainerShadowShared)(\n  {\n    background: `linear-gradient(\n      to bottom,\n      rgba(39, 39, 39, 0.08) 0%,\n      transparent 100%\n    )`,\n    height: \"4px\",\n  },\n);\n\nexport const StyledAppContainerShadow2 = styled(StyledAppContainerShadowShared)(\n  {\n    background: `linear-gradient(\n      to bottom,\n      rgba(39, 39, 39, 0.01) 0%,\n      transparent 100%\n    )`,\n    height: \"6px\",\n  },\n);\n\nexport const StyledAppContainerShadow3 = styled(StyledAppContainerShadowShared)(\n  {\n    background: `linear-gradient(\n      to bottom,\n      rgba(39, 39, 39, 0.05) 0%,\n      transparent 100%\n    )`,\n    height: \"15px\",\n  },\n);\n\nexport type InnerAppContainerProps = {\n  isContentScrolled: boolean;\n};\n\nconst InnerAppContainer = ({ isContentScrolled }: InnerAppContainerProps) =>\n  isContentScrolled ? (\n    <>\n      <StyledAppContainerShadow1 />\n      <StyledAppContainerShadow2 />\n      <StyledAppContainerShadow3 />\n    </>\n  ) : null;\n\nconst MemoizedInnerAppContainer = memo(InnerAppContainer);\nMemoizedInnerAppContainer.displayName = \"InnerAppContainer\";\n\nexport { MemoizedInnerAppContainer as InnerAppContainer };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAAQ,OAAO;AAC5B,SAASC,qBAAqB,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGpE,MAAMC,8BAA8B,GAAGT,MAAM,CAAC,KAAK,CAAC,CAAC;EACnDU,IAAI,EAAE,CAAC;EACPC,aAAa,EAAE,MAAM;EACrBC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAEb;AACV,CAAC,CAAC;AAEF,OAAO,MAAMc,yBAAyB,GAAGhB,MAAM,CAACS,8BAA8B,CAAC,CAC7E;EACEQ,UAAU,EAAE;AAChB;AACA;AACA;AACA,MAAM;EACFC,MAAM,EAAE;AACV,CACF,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGnB,MAAM,CAACS,8BAA8B,CAAC,CAC7E;EACEQ,UAAU,EAAE;AAChB;AACA;AACA;AACA,MAAM;EACFC,MAAM,EAAE;AACV,CACF,CAAC;AAED,OAAO,MAAME,yBAAyB,GAAGpB,MAAM,CAACS,8BAA8B,CAAC,CAC7E;EACEQ,UAAU,EAAE;AAChB;AACA;AACA;AACA,MAAM;EACFC,MAAM,EAAE;AACV,CACF,CAAC;AAMD,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC;AAA0C,CAAC,KACtEA,iBAAiB,GACfd,KAAA,CAAAF,SAAA;EAAAiB,QAAA,GACEnB,IAAA,CAACY,yBAAyB,IAAE,CAAC,EAC7BZ,IAAA,CAACe,yBAAyB,IAAE,CAAC,EAC7Bf,IAAA,CAACgB,yBAAyB,IAAE,CAAC;AAAA,CAC7B,CAAC,GACD,IAAI;AAEV,MAAMI,yBAAyB,GAAGvB,IAAI,CAACoB,iBAAiB,CAAC;AACzDG,yBAAyB,CAACC,WAAW,GAAG,mBAAmB;AAE3D,SAASD,yBAAyB,IAAIH,iBAAiB","ignoreList":[]}
+{"version":3,"file":"InnerAppContainer.js","names":["styled","memo","UI_SHELL_BASE_Z_INDEX","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","StyledAppContainerShadowShared","left","pointerEvents","position","top","width","zIndex","StyledAppContainerShadow1","background","height","StyledAppContainerShadow2","StyledAppContainerShadow3","InnerAppContainer","isContentScrolled","children","MemoizedInnerAppContainer","displayName"],"sources":["../../../src/ui-shell/InnerAppContainer.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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 styled from \"@emotion/styled\";\nimport { memo } from \"react\";\n\nimport { UI_SHELL_BASE_Z_INDEX } from \"./uiShellSharedConstants.js\";\n\n// Shared styles for fake inset shadow. Not rendered anywhere.\nconst StyledAppContainerShadowShared = styled(\"div\")({\n  left: 0,\n  pointerEvents: \"none\",\n  position: \"absolute\",\n  top: 0,\n  width: \"100%\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n});\n\nexport const StyledAppContainerShadow1 = styled(StyledAppContainerShadowShared)(\n  {\n    background: `linear-gradient(\n      to bottom,\n      rgba(39, 39, 39, 0.08) 0%,\n      transparent 100%\n    )`,\n    height: \"4px\",\n  },\n);\n\nexport const StyledAppContainerShadow2 = styled(StyledAppContainerShadowShared)(\n  {\n    background: `linear-gradient(\n      to bottom,\n      rgba(39, 39, 39, 0.01) 0%,\n      transparent 100%\n    )`,\n    height: \"6px\",\n  },\n);\n\nexport const StyledAppContainerShadow3 = styled(StyledAppContainerShadowShared)(\n  {\n    background: `linear-gradient(\n      to bottom,\n      rgba(39, 39, 39, 0.05) 0%,\n      transparent 100%\n    )`,\n    height: \"15px\",\n  },\n);\n\nexport type InnerAppContainerProps = {\n  isContentScrolled: boolean;\n};\n\nconst InnerAppContainer = ({ isContentScrolled }: InnerAppContainerProps) =>\n  isContentScrolled ? (\n    <>\n      <StyledAppContainerShadow1 />\n      <StyledAppContainerShadow2 />\n      <StyledAppContainerShadow3 />\n    </>\n  ) : null;\n\nconst MemoizedInnerAppContainer = memo(InnerAppContainer);\nMemoizedInnerAppContainer.displayName = \"InnerAppContainer\";\n\nexport { MemoizedInnerAppContainer as InnerAppContainer };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAAQ,OAAO;AAE5B,SAASC,qBAAqB,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGpE,MAAMC,8BAA8B,GAAGT,MAAM,CAAC,KAAK,CAAC,CAAC;EACnDU,IAAI,EAAE,CAAC;EACPC,aAAa,EAAE,MAAM;EACrBC,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAEb;AACV,CAAC,CAAC;AAEF,OAAO,MAAMc,yBAAyB,GAAGhB,MAAM,CAACS,8BAA8B,CAAC,CAC7E;EACEQ,UAAU,EAAE;AAChB;AACA;AACA;AACA,MAAM;EACFC,MAAM,EAAE;AACV,CACF,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGnB,MAAM,CAACS,8BAA8B,CAAC,CAC7E;EACEQ,UAAU,EAAE;AAChB;AACA;AACA;AACA,MAAM;EACFC,MAAM,EAAE;AACV,CACF,CAAC;AAED,OAAO,MAAME,yBAAyB,GAAGpB,MAAM,CAACS,8BAA8B,CAAC,CAC7E;EACEQ,UAAU,EAAE;AAChB;AACA;AACA;AACA,MAAM;EACFC,MAAM,EAAE;AACV,CACF,CAAC;AAMD,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC;AAA0C,CAAC,KACtEA,iBAAiB,GACfd,KAAA,CAAAF,SAAA;EAAAiB,QAAA,GACEnB,IAAA,CAACY,yBAAyB,IAAE,CAAC,EAC7BZ,IAAA,CAACe,yBAAyB,IAAE,CAAC,EAC7Bf,IAAA,CAACgB,yBAAyB,IAAE,CAAC;AAAA,CAC7B,CAAC,GACD,IAAI;AAEV,MAAMI,yBAAyB,GAAGvB,IAAI,CAACoB,iBAAiB,CAAC;AACzDG,yBAAyB,CAACC,WAAW,GAAG,mBAAmB;AAE3D,SAASD,yBAAyB,IAAIH,iBAAiB","ignoreList":[]}

package/dist/esm/ui-shell/NarrowUiShellContent.js

@@ -15,18 +15,18 @@ import styled from "@emotion/styled";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { Button } from "../Buttons/Button.js";
+import { hexToRgb } from "../hexToRgb.js";
 import { CloseIcon } from "../icons.generated/Close.js";
 import { MoreIcon } from "../icons.generated/More.js";
-import { InnerAppContainer } from "./InnerAppContainer.js";
 import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
+import { InnerAppContainer } from "./InnerAppContainer.js";
 import { SideNav } from "./SideNav/SideNav.js";
 import { SideNavLogo } from "./SideNav/SideNavLogo.js";
 import { HamburgerMenuIcon } from "./TopNav/HamburgerMenuIcon.js";
 import { useUiShellContext } from "./UiShellProvider.js";
 import { emptySideNavItems, SIDE_NAV_WIDTH, TOP_NAV_HEIGHT, UI_SHELL_BASE_Z_INDEX } from "./uiShellSharedConstants.js";
-import { useScrollState } from "./useScrollState.js";
 import { useMatchAppElementToUiShellAppArea } from "./useMatchAppElementToUiShellAppArea.js";
-import { hexToRgb } from "../hexToRgb.js";
+import { useScrollState } from "./useScrollState.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const StyledAppContentArea = styled("div")({
   gridArea: "app-content",
@@ -275,8 +275,8 @@ const NarrowUiShellContent = ({
               }), _jsx(StyledLogoContainer, {
                 odysseyDesignTokens: odysseyDesignTokens,
                 children: sideNavProps?.isLoading ? _jsx(_Skeleton, {
-                  variant: "rounded",
                   height: 24,
+                  variant: "rounded",
                   width: 67
                 }) : _jsx(SideNavLogo, {
                   ...sideNavProps?.logoProps
@@ -336,8 +336,8 @@ const NarrowUiShellContent = ({
           })
         }), _jsx(StyledAppContainer, {
           appBackgroundColor: uiShellContext?.appBackgroundColor,
-          tabIndex: 0,
           ref: uiShellAppAreaRef,
+          tabIndex: 0,
           children: _jsx(InnerAppContainer, {
             isContentScrolled: isContentScrolled
           })

package/dist/esm/ui-shell/NarrowUiShellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"NarrowUiShellContent.js","names":["styled","memo","useCallback","useEffect","useRef","useState","ErrorBoundary","Button","CloseIcon","MoreIcon","InnerAppContainer","useOdysseyDesignTokens","SideNav","SideNavLogo","HamburgerMenuIcon","useUiShellContext","emptySideNavItems","SIDE_NAV_WIDTH","TOP_NAV_HEIGHT","UI_SHELL_BASE_Z_INDEX","useScrollState","useMatchAppElementToUiShellAppArea","hexToRgb","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StyledAppContentArea","gridArea","position","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","height","width","StyledAppContainer","shouldForwardProp","prop","appBackgroundColor","backgroundColor","overflow","StyledBannersContainer","zIndex","StyledLeftSideContainer","isOpen","StyledRightSideContainer","odysseyDesignTokens","HueNeutralWhite","maxWidth","overflowY","right","StyledMenuLogo","alignItems","gap","Spacing3","StyledLogoContainer","paddingBlock","Spacing4","maxHeight","StyledPageOverlay","HueNeutral900","asFormattedString","replace","left","top","StyledSideNavContainer","StyledUiShellContainer","HueNeutral50","StyledTopNav","isContentScrolled","topNavBackgroundColor","boxShadow","DepthMedium","undefined","clipPath","flexDirection","justifyContent","transition","TransitionDurationMain","TransitionTimingMain","StyledTopNavMenu","minHeight","Spacing2","paddingInline","borderBottomColor","HueNeutral100","borderBottomStyle","BorderStyleMain","borderBottomWidth","BorderWidthMain","StyledTopNavSearch","NarrowUiShellContent","appElement","appElementScrollingMode","hasStandardAppContentPadding","hasSideNavProps","initialVisibleSections","onError","console","error","optionalComponents","sideNavProps","topNavProps","uiShellContext","sideNavContainerRef","topNavContainerRef","uiShellAppAreaRef","isLeftSideMenuOpen","setIsLeftSideMenuOpen","isRightSideMenuOpen","setIsRightSideMenuOpen","closeSideMenus","unsubscribeFromCloseRightSideMenu","subscribeToCloseRightSideMenu","unsubscribeFromSideNavItemClicked","subscribeToCloseSideNavMenu","toggleLeftSideMenu","toggleRightSideMenu","parentContainerRef","paddingMode","uiShellResizableRefs","children","onClick","ref","banners","includes","fallback","sideNavBackgroundColor","isCollapsible","isCollapsed","startIcon","testId","variant","isLoading","_Skeleton","logoProps","rightSideMenu","topNavLeftSide","sideNavItems","appName","hasCustomFooter","sideNavFooter","footerComponent","footerItems","isObtrusive","onCollapse","tabIndex","MemoizedNarrowUiShellContent","displayName"],"sources":["../../../src/ui-shell/NarrowUiShellContent.tsx"],"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 styled from \"@emotion/styled\";\nimport { Skeleton } from \"@mui/material\";\nimport {\n  CSSProperties,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport { Button } from \"../Buttons/Button.js\";\nimport type { HtmlProps } from \"../HtmlProps.js\";\nimport { CloseIcon } from \"../icons.generated/Close.js\";\nimport { MoreIcon } from \"../icons.generated/More.js\";\nimport { InnerAppContainer } from \"./InnerAppContainer.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { SideNav } from \"./SideNav/SideNav.js\";\nimport { SideNavLogo } from \"./SideNav/SideNavLogo.js\";\nimport { HamburgerMenuIcon } from \"./TopNav/HamburgerMenuIcon.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport {\n  UiShellNavComponentProps,\n  UiShellContentProps,\n} from \"./uiShellContentTypes.js\";\nimport {\n  emptySideNavItems,\n  SIDE_NAV_WIDTH,\n  TOP_NAV_HEIGHT,\n  UI_SHELL_BASE_Z_INDEX,\n} from \"./uiShellSharedConstants.js\";\nimport { useScrollState } from \"./useScrollState.js\";\nimport { useMatchAppElementToUiShellAppArea } from \"./useMatchAppElementToUiShellAppArea.js\";\nimport { hexToRgb } from \"../hexToRgb.js\";\n\nconst StyledAppContentArea = styled(\"div\")({\n  gridArea: \"app-content\",\n  position: \"relative\",\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"left-side app-container right-side\"\n  `,\n  gridTemplateColumns: \"auto 1fr auto\",\n  gridTemplateRows: \"1fr\",\n  height: \"100%\",\n  width: \"100%\",\n});\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"appBackgroundColor\" && prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  backgroundColor: appBackgroundColor,\n  gridArea: \"app-container\",\n  height: \"100%\",\n  overflow: \"hidden\",\n  width: \"100%\",\n}));\n\nconst StyledBannersContainer = styled(\"div\")({\n  gridArea: \"banners\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n});\n\nconst StyledLeftSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\n})<{\n  isOpen: boolean;\n}>(({ isOpen }) => ({\n  display: isOpen ? \"block\" : \"none\",\n  height: \"100%\",\n  gridArea: \"left-side\",\n  position: \"absolute\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledRightSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"isOpen\" && prop !== \"odysseyDesignTokens\",\n})<{\n  isOpen: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isOpen, odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  display: isOpen ? \"block\" : \"none\",\n  gridArea: \"right-side\",\n  height: \"100%\",\n  maxWidth: SIDE_NAV_WIDTH,\n  overflowY: \"auto\",\n  position: \"absolute\",\n  right: 0,\n  width: SIDE_NAV_WIDTH,\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledMenuLogo = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  alignItems: \"center\",\n  display: \"inline-flex\",\n  gap: odysseyDesignTokens.Spacing3,\n}));\n\nconst StyledLogoContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing4,\n\n  \"svg, img\": {\n    maxHeight: \"100%\",\n    width: \"auto\",\n    maxWidth: \"100%\",\n  },\n}));\n\nconst StyledPageOverlay = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: hexToRgb(\n    odysseyDesignTokens.HueNeutral900,\n  ).asFormattedString.replace(/rgb\\((.+)\\)$/, \"rgba($1, 0.26)\"),\n  gridArea: \"app-content\",\n  height: \"100vh\",\n  left: 0,\n  position: \"absolute\",\n  top: 0,\n  width: \"100vw\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledSideNavContainer = styled(\"div\")({\n  height: \"100%\", // Without this value, side nav won't fill up the height if the content is too short.\n});\n\nconst StyledUiShellContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"banners\"\n    \"top-nav\"\n    \"app-content\"\n  `,\n  gridTemplateColumns: \"1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  overflow: \"hidden\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNav = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isContentScrolled\" &&\n    prop !== \"topNavBackgroundColor\",\n})<{\n  isContentScrolled?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, isContentScrolled, topNavBackgroundColor }) => ({\n  alignItems: \"stretch\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite || topNavBackgroundColor, // This logic doesn't make sense, but I wanted to leave it here for when we eventually make a decision on `topNavBackgroundColor`. --Kevin Ghadyani\n  boxShadow: isContentScrolled ? odysseyDesignTokens.DepthMedium : undefined,\n  clipPath: \"inset(0 0 -100vh 0)\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gridArea: \"top-nav\",\n  height: \"100%\",\n  justifyContent: \"center\",\n  position: \"relative\",\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledTopNavMenu = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"topNavBackgroundColor\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, topNavBackgroundColor }) => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing3,\n  height: \"100%\",\n  justifyContent: \"space-between\",\n  maxHeight: TOP_NAV_HEIGHT,\n  minHeight: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n\n  ...(topNavBackgroundColor === odysseyDesignTokens.HueNeutralWhite &&\n    ({\n      borderBottomColor: odysseyDesignTokens.HueNeutral100,\n      borderBottomStyle: odysseyDesignTokens.BorderStyleMain,\n      borderBottomWidth: odysseyDesignTokens.BorderWidthMain,\n    } as CSSProperties)),\n}));\n\nconst StyledTopNavSearch = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n}));\n\nexport type NarrowUiShellContentProps = Pick<HtmlProps, \"testId\"> &\n  Pick<UiShellNavComponentProps, \"sideNavProps\" | \"topNavProps\"> &\n  UiShellContentProps;\n\nconst NarrowUiShellContent = ({\n  appElement,\n  appElementScrollingMode,\n  hasStandardAppContentPadding = true,\n  hasSideNavProps,\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: NarrowUiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  const { isContentScrolled } = useScrollState(appElement);\n\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellAppAreaRef = useRef<HTMLDivElement>(null);\n\n  const [isLeftSideMenuOpen, setIsLeftSideMenuOpen] = useState(false);\n  const [isRightSideMenuOpen, setIsRightSideMenuOpen] = useState(false);\n\n  const closeSideMenus = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen(false);\n  }, []);\n\n  useEffect(() => {\n    const unsubscribeFromCloseRightSideMenu =\n      uiShellContext?.subscribeToCloseRightSideMenu(() => {\n        closeSideMenus();\n      });\n\n    const unsubscribeFromSideNavItemClicked =\n      uiShellContext?.subscribeToCloseSideNavMenu(() => {\n        closeSideMenus();\n      });\n\n    return () => {\n      unsubscribeFromCloseRightSideMenu?.();\n      unsubscribeFromSideNavItemClicked?.();\n    };\n  }, [closeSideMenus, uiShellContext]);\n\n  const toggleLeftSideMenu = useCallback(() => {\n    setIsRightSideMenuOpen(false);\n    setIsLeftSideMenuOpen((isLeftSideMenuOpen) => !isLeftSideMenuOpen);\n  }, []);\n\n  const toggleRightSideMenu = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen((isRightSideMenuOpen) => !isRightSideMenuOpen);\n  }, []);\n\n  const { parentContainerRef } = useMatchAppElementToUiShellAppArea({\n    appElement,\n    appElementScrollingMode,\n    paddingMode: hasStandardAppContentPadding ? \"compact\" : \"none\",\n    uiShellAppAreaRef,\n    uiShellResizableRefs: [\n      sideNavContainerRef,\n      topNavContainerRef,\n      uiShellAppAreaRef,\n    ],\n  });\n\n  return (\n    <>\n      {(isLeftSideMenuOpen || isRightSideMenuOpen) && (\n        <StyledPageOverlay\n          odysseyDesignTokens={odysseyDesignTokens}\n          onClick={closeSideMenus}\n        />\n      )}\n\n      <StyledUiShellContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={parentContainerRef}\n      >\n        <StyledBannersContainer>\n          {optionalComponents?.banners}\n        </StyledBannersContainer>\n\n        {(initialVisibleSections?.includes(\"TopNav\") || topNavProps) && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <StyledTopNav\n              isContentScrolled={isContentScrolled}\n              odysseyDesignTokens={odysseyDesignTokens}\n              topNavBackgroundColor={uiShellContext?.topNavBackgroundColor}\n            >\n              <StyledTopNavMenu\n                odysseyDesignTokens={odysseyDesignTokens}\n                topNavBackgroundColor={uiShellContext?.sideNavBackgroundColor}\n              >\n                <StyledMenuLogo odysseyDesignTokens={odysseyDesignTokens}>\n                  {(sideNavProps?.isCollapsible ||\n                    !sideNavProps?.isCollapsed) && (\n                    <Button\n                      onClick={toggleLeftSideMenu}\n                      startIcon={<HamburgerMenuIcon />}\n                      testId=\"sidenav-menu--icon\"\n                      variant=\"floating\"\n                    />\n                  )}\n\n                  <StyledLogoContainer\n                    odysseyDesignTokens={odysseyDesignTokens}\n                  >\n                    {sideNavProps?.isLoading ? (\n                      //  The skeleton takes the hardcoded dimensions of the Okta logo\n                      <Skeleton variant=\"rounded\" height={24} width={67} />\n                    ) : (\n                      <SideNavLogo {...sideNavProps?.logoProps} />\n                    )}\n                  </StyledLogoContainer>\n                </StyledMenuLogo>\n\n                {optionalComponents?.rightSideMenu && (\n                  <Button\n                    onClick={toggleRightSideMenu}\n                    startIcon={\n                      isRightSideMenuOpen ? <CloseIcon /> : <MoreIcon />\n                    }\n                    testId=\"userprofile-menu--icon\"\n                    variant=\"floating\"\n                  />\n                )}\n              </StyledTopNavMenu>\n\n              {optionalComponents?.topNavLeftSide && (\n                <StyledTopNavSearch odysseyDesignTokens={odysseyDesignTokens}>\n                  {optionalComponents?.topNavLeftSide}\n                </StyledTopNavSearch>\n              )}\n            </StyledTopNav>\n          </ErrorBoundary>\n        )}\n\n        <StyledAppContentArea>\n          <StyledLeftSideContainer isOpen={isLeftSideMenuOpen}>\n            {\n              /* If SideNav should be initially visible and we have not yet received props, render SideNav with minimal inputs */\n              initialVisibleSections?.includes(\"SideNav\") &&\n                !hasSideNavProps && (\n                  <ErrorBoundary fallback={null} onError={onError}>\n                    <SideNav isLoading sideNavItems={emptySideNavItems} />\n                  </ErrorBoundary>\n                )\n            }\n\n            {hasSideNavProps && sideNavProps && (\n              <ErrorBoundary fallback={null} onError={onError}>\n                <StyledSideNavContainer>\n                  <SideNav\n                    {...{\n                      ...{\n                        ...sideNavProps,\n                        // This hides the side nav logo or app name from showing up as we already have one in the narrow top nav.\n                        appName: undefined,\n                        logoProps: undefined,\n                      },\n                      ...(sideNavProps.hasCustomFooter &&\n                      optionalComponents?.sideNavFooter\n                        ? {\n                            footerComponent: optionalComponents.sideNavFooter,\n                            footerItems: undefined,\n                            hasCustomFooter: sideNavProps.hasCustomFooter,\n                          }\n                        : {\n                            footerItems: sideNavProps.footerItems,\n                            hasCustomFooter: false,\n                          }),\n                    }}\n                    isCollapsed={false}\n                    isCollapsible={false}\n                    isObtrusive\n                    onCollapse={closeSideMenus}\n                  />\n                </StyledSideNavContainer>\n              </ErrorBoundary>\n            )}\n          </StyledLeftSideContainer>\n\n          <StyledRightSideContainer\n            isOpen={isRightSideMenuOpen}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <StyledSideNavContainer>\n              {optionalComponents?.rightSideMenu}\n            </StyledSideNavContainer>\n          </StyledRightSideContainer>\n\n          <StyledAppContainer\n            appBackgroundColor={uiShellContext?.appBackgroundColor}\n            tabIndex={0}\n            ref={uiShellAppAreaRef}\n          >\n            <InnerAppContainer isContentScrolled={isContentScrolled} />\n          </StyledAppContainer>\n        </StyledAppContentArea>\n      </StyledUiShellContainer>\n    </>\n  );\n};\n\nconst MemoizedNarrowUiShellContent = memo(NarrowUiShellContent);\nMemoizedNarrowUiShellContent.displayName = \"NarrowUiShellContent\";\n\nexport { MemoizedNarrowUiShellContent as NarrowUiShellContent };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAEEC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,aAAa,QAAQ,sBAAsB;AAEpD,SAASC,MAAM,QAAQ,sBAAsB;AAE7C,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAEEC,sBAAsB,QACjB,kCAAkC;AACzC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAAwBC,iBAAiB,QAAQ,sBAAsB;AAKvE,SACEC,iBAAiB,EACjBC,cAAc,EACdC,cAAc,EACdC,qBAAqB,QAChB,6BAA6B;AACpC,SAASC,cAAc,QAAQ,qBAAqB;AACpD,SAASC,kCAAkC,QAAQ,yCAAyC;AAC5F,SAASC,QAAQ,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE1C,MAAMC,oBAAoB,GAAG7B,MAAM,CAAC,KAAK,CAAC,CAAC;EACzC8B,QAAQ,EAAE,aAAa;EACvBC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,CAAC;EACVC,iBAAiB,EAAE;AACrB;AACA,GAAG;EACDC,mBAAmB,EAAE,eAAe;EACpCC,gBAAgB,EAAE,KAAK;EACvBC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,kBAAkB,GAAGvC,MAAM,CAAC,KAAK,EAAE;EACvCwC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,oBAAoB,IAAIA,IAAI,KAAK;AAC9C,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAmB,CAAC,MAAM;EAC9BC,eAAe,EAAED,kBAAkB;EACnCZ,QAAQ,EAAE,eAAe;EACzBO,MAAM,EAAE,MAAM;EACdO,QAAQ,EAAE,QAAQ;EAClBN,KAAK,EAAE;AACT,CAAC,CAAC,CAAC;AAEH,MAAMO,sBAAsB,GAAG7C,MAAM,CAAC,KAAK,CAAC,CAAC;EAC3C8B,QAAQ,EAAE,SAAS;EACnBgB,MAAM,EAAE3B;AACV,CAAC,CAAC;AAEF,MAAM4B,uBAAuB,GAAG/C,MAAM,CAAC,KAAK,EAAE;EAC5CwC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEO;AAAO,CAAC,MAAM;EAClBhB,OAAO,EAAEgB,MAAM,GAAG,OAAO,GAAG,MAAM;EAClCX,MAAM,EAAE,MAAM;EACdP,QAAQ,EAAE,WAAW;EACrBC,QAAQ,EAAE,UAAU;EACpBe,MAAM,EAAE3B;AACV,CAAC,CAAC,CAAC;AAEH,MAAM8B,wBAAwB,GAAGjD,MAAM,CAAC,KAAK,EAAE;EAC7CwC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK;AAClC,CAAC,CAAC,CAGC,CAAC;EAAEO,MAAM;EAAEE;AAAoB,CAAC,MAAM;EACvCP,eAAe,EAAEO,mBAAmB,CAACC,eAAe;EACpDnB,OAAO,EAAEgB,MAAM,GAAG,OAAO,GAAG,MAAM;EAClClB,QAAQ,EAAE,YAAY;EACtBO,MAAM,EAAE,MAAM;EACde,QAAQ,EAAEnC,cAAc;EACxBoC,SAAS,EAAE,MAAM;EACjBtB,QAAQ,EAAE,UAAU;EACpBuB,KAAK,EAAE,CAAC;EACRhB,KAAK,EAAErB,cAAc;EACrB6B,MAAM,EAAE3B;AACV,CAAC,CAAC,CAAC;AAEH,MAAMoC,cAAc,GAAGvD,MAAM,CAAC,KAAK,EAAE;EACnCwC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAES;AAAoB,CAAC,MAAM;EAC/BM,UAAU,EAAE,QAAQ;EACpBxB,OAAO,EAAE,aAAa;EACtByB,GAAG,EAAEP,mBAAmB,CAACQ;AAC3B,CAAC,CAAC,CAAC;AAEH,MAAMC,mBAAmB,GAAG3D,MAAM,CAAC,KAAK,EAAE;EACxCwC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAES;AAAoB,CAAC,MAAM;EAC/Bb,MAAM,EAAEnB,cAAc;EACtB0C,YAAY,EAAEV,mBAAmB,CAACW,QAAQ;EAE1C,UAAU,EAAE;IACVC,SAAS,EAAE,MAAM;IACjBxB,KAAK,EAAE,MAAM;IACbc,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC;AAEH,MAAMW,iBAAiB,GAAG/D,MAAM,CAAC,KAAK,EAAE;EACtCwC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAES;AAAoB,CAAC,MAAM;EAC/BP,eAAe,EAAErB,QAAQ,CACvB4B,mBAAmB,CAACc,aACtB,CAAC,CAACC,iBAAiB,CAACC,OAAO,CAAC,cAAc,EAAE,gBAAgB,CAAC;EAC7DpC,QAAQ,EAAE,aAAa;EACvBO,MAAM,EAAE,OAAO;EACf8B,IAAI,EAAE,CAAC;EACPpC,QAAQ,EAAE,UAAU;EACpBqC,GAAG,EAAE,CAAC;EACN9B,KAAK,EAAE,OAAO;EACdQ,MAAM,EAAE3B;AACV,CAAC,CAAC,CAAC;AAEH,MAAMkD,sBAAsB,GAAGrE,MAAM,CAAC,KAAK,CAAC,CAAC;EAC3CqC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,MAAMiC,sBAAsB,GAAGtE,MAAM,CAAC,KAAK,EAAE;EAC3CwC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAES;AAAoB,CAAC,MAAM;EAC/BP,eAAe,EAAEO,mBAAmB,CAACqB,YAAY;EACjDvC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,CAAC;EACVC,iBAAiB,EAAE;AACrB;AACA;AACA;AACA,GAAG;EACDC,mBAAmB,EAAE,KAAK;EAC1BC,gBAAgB,EAAE,eAAe;EACjCC,MAAM,EAAE,OAAO;EACfO,QAAQ,EAAE,QAAQ;EAClBN,KAAK,EAAE;AACT,CAAC,CAAC,CAAC;AAEH,MAAMkC,YAAY,GAAGxE,MAAM,CAAC,KAAK,EAAE;EACjCwC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAC9BA,IAAI,KAAK,mBAAmB,IAC5BA,IAAI,KAAK;AACb,CAAC,CAAC,CAIC,CAAC;EAAES,mBAAmB;EAAEuB,iBAAiB;EAAEC;AAAsB,CAAC,MAAM;EACzElB,UAAU,EAAE,SAAS;EACrBb,eAAe,EAAEO,mBAAmB,CAACC,eAAe,IAAIuB,qBAAqB;EAC7EC,SAAS,EAAEF,iBAAiB,GAAGvB,mBAAmB,CAAC0B,WAAW,GAAGC,SAAS;EAC1EC,QAAQ,EAAE,qBAAqB;EAC/B9C,OAAO,EAAE,MAAM;EACf+C,aAAa,EAAE,QAAQ;EACvBjD,QAAQ,EAAE,SAAS;EACnBO,MAAM,EAAE,MAAM;EACd2C,cAAc,EAAE,QAAQ;EACxBjD,QAAQ,EAAE,UAAU;EACpBkD,UAAU,EAAE,cAAc/B,mBAAmB,CAACgC,sBAAsB,IAAIhC,mBAAmB,CAACiC,oBAAoB,EAAE;EAClHrC,MAAM,EAAE3B;AACV,CAAC,CAAC,CAAC;AAEH,MAAMiE,gBAAgB,GAAGpF,MAAM,CAAC,KAAK,EAAE;EACrCwC,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAES,mBAAmB;EAAEwB;AAAsB,CAAC,MAAM;EACtDlB,UAAU,EAAE,QAAQ;EACpBxB,OAAO,EAAE,MAAM;EACfyB,GAAG,EAAEP,mBAAmB,CAACQ,QAAQ;EACjCrB,MAAM,EAAE,MAAM;EACd2C,cAAc,EAAE,eAAe;EAC/BlB,SAAS,EAAE5C,cAAc;EACzBmE,SAAS,EAAEnE,cAAc;EACzB0C,YAAY,EAAEV,mBAAmB,CAACoC,QAAQ;EAC1CC,aAAa,EAAErC,mBAAmB,CAACQ,QAAQ;EAC3CuB,UAAU,EAAE,cAAc/B,mBAAmB,CAACgC,sBAAsB,IAAIhC,mBAAmB,CAACiC,oBAAoB,EAAE;EAElH,IAAIT,qBAAqB,KAAKxB,mBAAmB,CAACC,eAAe,IAC9D;IACCqC,iBAAiB,EAAEtC,mBAAmB,CAACuC,aAAa;IACpDC,iBAAiB,EAAExC,mBAAmB,CAACyC,eAAe;IACtDC,iBAAiB,EAAE1C,mBAAmB,CAAC2C;EACzC,CAAmB;AACvB,CAAC,CAAC,CAAC;AAEH,MAAMC,kBAAkB,GAAG9F,MAAM,CAAC,KAAK,EAAE;EACvCwC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAES;AAAoB,CAAC,MAAM;EAC/BU,YAAY,EAAEV,mBAAmB,CAACoC,QAAQ;EAC1CC,aAAa,EAAErC,mBAAmB,CAACQ;AACrC,CAAC,CAAC,CAAC;AAMH,MAAMqC,oBAAoB,GAAGA,CAAC;EAC5BC,UAAU;EACVC,uBAAuB;EACvBC,4BAA4B,GAAG,IAAI;EACnCC,eAAe;EACfC,sBAAsB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC;EAC7DC,OAAO,GAAGC,OAAO,CAACC,KAAK;EACvBC,kBAAkB;EAClBC,YAAY;EACZC;AACyB,CAAC,KAAK;EAC/B,MAAMxD,mBAAmB,GAAGvC,sBAAsB,CAAC,CAAC;EACpD,MAAMgG,cAAc,GAAG5F,iBAAiB,CAAC,CAAC;EAE1C,MAAM;IAAE0D;EAAkB,CAAC,GAAGrD,cAAc,CAAC4E,UAAU,CAAC;EAExD,MAAMY,mBAAmB,GAAGxG,MAAM,CAAiB,IAAI,CAAC;EACxD,MAAMyG,kBAAkB,GAAGzG,MAAM,CAAiB,IAAI,CAAC;EACvD,MAAM0G,iBAAiB,GAAG1G,MAAM,CAAiB,IAAI,CAAC;EAEtD,MAAM,CAAC2G,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG3G,QAAQ,CAAC,KAAK,CAAC;EACnE,MAAM,CAAC4G,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG7G,QAAQ,CAAC,KAAK,CAAC;EAErE,MAAM8G,cAAc,GAAGjH,WAAW,CAAC,MAAM;IACvC8G,qBAAqB,CAAC,KAAK,CAAC;IAC5BE,sBAAsB,CAAC,KAAK,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN/G,SAAS,CAAC,MAAM;IACd,MAAMiH,iCAAiC,GACrCT,cAAc,EAAEU,6BAA6B,CAAC,MAAM;MAClDF,cAAc,CAAC,CAAC;IAClB,CAAC,CAAC;IAEJ,MAAMG,iCAAiC,GACrCX,cAAc,EAAEY,2BAA2B,CAAC,MAAM;MAChDJ,cAAc,CAAC,CAAC;IAClB,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXC,iCAAiC,GAAG,CAAC;MACrCE,iCAAiC,GAAG,CAAC;IACvC,CAAC;EACH,CAAC,EAAE,CAACH,cAAc,EAAER,cAAc,CAAC,CAAC;EAEpC,MAAMa,kBAAkB,GAAGtH,WAAW,CAAC,MAAM;IAC3CgH,sBAAsB,CAAC,KAAK,CAAC;IAC7BF,qBAAqB,CAAED,kBAAkB,IAAK,CAACA,kBAAkB,CAAC;EACpE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,mBAAmB,GAAGvH,WAAW,CAAC,MAAM;IAC5C8G,qBAAqB,CAAC,KAAK,CAAC;IAC5BE,sBAAsB,CAAED,mBAAmB,IAAK,CAACA,mBAAmB,CAAC;EACvE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAES;EAAmB,CAAC,GAAGrG,kCAAkC,CAAC;IAChE2E,UAAU;IACVC,uBAAuB;IACvB0B,WAAW,EAAEzB,4BAA4B,GAAG,SAAS,GAAG,MAAM;IAC9DY,iBAAiB;IACjBc,oBAAoB,EAAE,CACpBhB,mBAAmB,EACnBC,kBAAkB,EAClBC,iBAAiB;EAErB,CAAC,CAAC;EAEF,OACEpF,KAAA,CAAAE,SAAA;IAAAiG,QAAA,GACG,CAACd,kBAAkB,IAAIE,mBAAmB,KACzCzF,IAAA,CAACuC,iBAAiB;MAChBb,mBAAmB,EAAEA,mBAAoB;MACzC4E,OAAO,EAAEX;IAAe,CACzB,CACF,EAEDzF,KAAA,CAAC4C,sBAAsB;MACrBpB,mBAAmB,EAAEA,mBAAoB;MACzC6E,GAAG,EAAEL,kBAAmB;MAAAG,QAAA,GAExBrG,IAAA,CAACqB,sBAAsB;QAAAgF,QAAA,EACpBrB,kBAAkB,EAAEwB;MAAO,CACN,CAAC,EAExB,CAAC5B,sBAAsB,EAAE6B,QAAQ,CAAC,QAAQ,CAAC,IAAIvB,WAAW,KACzDlF,IAAA,CAAClB,aAAa;QAAC4H,QAAQ,EAAE,IAAK;QAAC7B,OAAO,EAAEA,OAAQ;QAAAwB,QAAA,EAC9CnG,KAAA,CAAC8C,YAAY;UACXC,iBAAiB,EAAEA,iBAAkB;UACrCvB,mBAAmB,EAAEA,mBAAoB;UACzCwB,qBAAqB,EAAEiC,cAAc,EAAEjC,qBAAsB;UAAAmD,QAAA,GAE7DnG,KAAA,CAAC0D,gBAAgB;YACflC,mBAAmB,EAAEA,mBAAoB;YACzCwB,qBAAqB,EAAEiC,cAAc,EAAEwB,sBAAuB;YAAAN,QAAA,GAE9DnG,KAAA,CAAC6B,cAAc;cAACL,mBAAmB,EAAEA,mBAAoB;cAAA2E,QAAA,GACtD,CAACpB,YAAY,EAAE2B,aAAa,IAC3B,CAAC3B,YAAY,EAAE4B,WAAW,KAC1B7G,IAAA,CAACjB,MAAM;gBACLuH,OAAO,EAAEN,kBAAmB;gBAC5Bc,SAAS,EAAE9G,IAAA,CAACV,iBAAiB,IAAE,CAAE;gBACjCyH,MAAM,EAAC,oBAAoB;gBAC3BC,OAAO,EAAC;cAAU,CACnB,CACF,EAEDhH,IAAA,CAACmC,mBAAmB;gBAClBT,mBAAmB,EAAEA,mBAAoB;gBAAA2E,QAAA,EAExCpB,YAAY,EAAEgC,SAAS,GAEtBjH,IAAA,CAAAkH,SAAA;kBAAUF,OAAO,EAAC,SAAS;kBAACnG,MAAM,EAAE,EAAG;kBAACC,KAAK,EAAE;gBAAG,CAAE,CAAC,GAErDd,IAAA,CAACX,WAAW;kBAAA,GAAK4F,YAAY,EAAEkC;gBAAS,CAAG;cAC5C,CACkB,CAAC;YAAA,CACR,CAAC,EAEhBnC,kBAAkB,EAAEoC,aAAa,IAChCpH,IAAA,CAACjB,MAAM;cACLuH,OAAO,EAAEL,mBAAoB;cAC7Ba,SAAS,EACPrB,mBAAmB,GAAGzF,IAAA,CAAChB,SAAS,IAAE,CAAC,GAAGgB,IAAA,CAACf,QAAQ,IAAE,CAClD;cACD8H,MAAM,EAAC,wBAAwB;cAC/BC,OAAO,EAAC;YAAU,CACnB,CACF;UAAA,CACe,CAAC,EAElBhC,kBAAkB,EAAEqC,cAAc,IACjCrH,IAAA,CAACsE,kBAAkB;YAAC5C,mBAAmB,EAAEA,mBAAoB;YAAA2E,QAAA,EAC1DrB,kBAAkB,EAAEqC;UAAc,CACjB,CACrB;QAAA,CACW;MAAC,CACF,CAChB,EAEDnH,KAAA,CAACG,oBAAoB;QAAAgG,QAAA,GACnBnG,KAAA,CAACqB,uBAAuB;UAACC,MAAM,EAAE+D,kBAAmB;UAAAc,QAAA,GAGhDzB,sBAAsB,EAAE6B,QAAQ,CAAC,SAAS,CAAC,IACzC,CAAC9B,eAAe,IACd3E,IAAA,CAAClB,aAAa;YAAC4H,QAAQ,EAAE,IAAK;YAAC7B,OAAO,EAAEA,OAAQ;YAAAwB,QAAA,EAC9CrG,IAAA,CAACZ,OAAO;cAAC6H,SAAS;cAACK,YAAY,EAAE9H;YAAkB,CAAE;UAAC,CACzC,CAChB,EAGJmF,eAAe,IAAIM,YAAY,IAC9BjF,IAAA,CAAClB,aAAa;YAAC4H,QAAQ,EAAE,IAAK;YAAC7B,OAAO,EAAEA,OAAQ;YAAAwB,QAAA,EAC9CrG,IAAA,CAAC6C,sBAAsB;cAAAwD,QAAA,EACrBrG,IAAA,CAACZ,OAAO;gBAEJ,GAAG;kBACD,GAAG6F,YAAY;kBAEfsC,OAAO,EAAElE,SAAS;kBAClB8D,SAAS,EAAE9D;gBACb,CAAC;gBACD,IAAI4B,YAAY,CAACuC,eAAe,IAChCxC,kBAAkB,EAAEyC,aAAa,GAC7B;kBACEC,eAAe,EAAE1C,kBAAkB,CAACyC,aAAa;kBACjDE,WAAW,EAAEtE,SAAS;kBACtBmE,eAAe,EAAEvC,YAAY,CAACuC;gBAChC,CAAC,GACD;kBACEG,WAAW,EAAE1C,YAAY,CAAC0C,WAAW;kBACrCH,eAAe,EAAE;gBACnB,CAAC,CAAC;gBAERX,WAAW,EAAE,KAAM;gBACnBD,aAAa,EAAE,KAAM;gBACrBgB,WAAW;gBACXC,UAAU,EAAElC;cAAe,CAC5B;YAAC,CACoB;UAAC,CACZ,CAChB;QAAA,CACsB,CAAC,EAE1B3F,IAAA,CAACyB,wBAAwB;UACvBD,MAAM,EAAEiE,mBAAoB;UAC5B/D,mBAAmB,EAAEA,mBAAoB;UAAA2E,QAAA,EAEzCrG,IAAA,CAAC6C,sBAAsB;YAAAwD,QAAA,EACpBrB,kBAAkB,EAAEoC;UAAa,CACZ;QAAC,CACD,CAAC,EAE3BpH,IAAA,CAACe,kBAAkB;UACjBG,kBAAkB,EAAEiE,cAAc,EAAEjE,kBAAmB;UACvD4G,QAAQ,EAAE,CAAE;UACZvB,GAAG,EAAEjB,iBAAkB;UAAAe,QAAA,EAEvBrG,IAAA,CAACd,iBAAiB;YAAC+D,iBAAiB,EAAEA;UAAkB,CAAE;QAAC,CACzC,CAAC;MAAA,CACD,CAAC;IAAA,CACD,CAAC;EAAA,CACzB,CAAC;AAEP,CAAC;AAED,MAAM8E,4BAA4B,GAAGtJ,IAAI,CAAC8F,oBAAoB,CAAC;AAC/DwD,4BAA4B,CAACC,WAAW,GAAG,sBAAsB;AAEjE,SAASD,4BAA4B,IAAIxD,oBAAoB","ignoreList":[]}
+{"version":3,"file":"NarrowUiShellContent.js","names":["styled","memo","useCallback","useEffect","useRef","useState","ErrorBoundary","Button","hexToRgb","CloseIcon","MoreIcon","useOdysseyDesignTokens","InnerAppContainer","SideNav","SideNavLogo","HamburgerMenuIcon","useUiShellContext","emptySideNavItems","SIDE_NAV_WIDTH","TOP_NAV_HEIGHT","UI_SHELL_BASE_Z_INDEX","useMatchAppElementToUiShellAppArea","useScrollState","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StyledAppContentArea","gridArea","position","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","height","width","StyledAppContainer","shouldForwardProp","prop","appBackgroundColor","backgroundColor","overflow","StyledBannersContainer","zIndex","StyledLeftSideContainer","isOpen","StyledRightSideContainer","odysseyDesignTokens","HueNeutralWhite","maxWidth","overflowY","right","StyledMenuLogo","alignItems","gap","Spacing3","StyledLogoContainer","paddingBlock","Spacing4","maxHeight","StyledPageOverlay","HueNeutral900","asFormattedString","replace","left","top","StyledSideNavContainer","StyledUiShellContainer","HueNeutral50","StyledTopNav","isContentScrolled","topNavBackgroundColor","boxShadow","DepthMedium","undefined","clipPath","flexDirection","justifyContent","transition","TransitionDurationMain","TransitionTimingMain","StyledTopNavMenu","minHeight","Spacing2","paddingInline","borderBottomColor","HueNeutral100","borderBottomStyle","BorderStyleMain","borderBottomWidth","BorderWidthMain","StyledTopNavSearch","NarrowUiShellContent","appElement","appElementScrollingMode","hasStandardAppContentPadding","hasSideNavProps","initialVisibleSections","onError","console","error","optionalComponents","sideNavProps","topNavProps","uiShellContext","sideNavContainerRef","topNavContainerRef","uiShellAppAreaRef","isLeftSideMenuOpen","setIsLeftSideMenuOpen","isRightSideMenuOpen","setIsRightSideMenuOpen","closeSideMenus","unsubscribeFromCloseRightSideMenu","subscribeToCloseRightSideMenu","unsubscribeFromSideNavItemClicked","subscribeToCloseSideNavMenu","toggleLeftSideMenu","toggleRightSideMenu","parentContainerRef","paddingMode","uiShellResizableRefs","children","onClick","ref","banners","includes","fallback","sideNavBackgroundColor","isCollapsible","isCollapsed","startIcon","testId","variant","isLoading","_Skeleton","logoProps","rightSideMenu","topNavLeftSide","sideNavItems","appName","hasCustomFooter","sideNavFooter","footerComponent","footerItems","isObtrusive","onCollapse","tabIndex","MemoizedNarrowUiShellContent","displayName"],"sources":["../../../src/ui-shell/NarrowUiShellContent.tsx"],"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 styled from \"@emotion/styled\";\nimport { Skeleton } from \"@mui/material\";\nimport {\n  CSSProperties,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Button } from \"../Buttons/Button.js\";\nimport { hexToRgb } from \"../hexToRgb.js\";\nimport { CloseIcon } from \"../icons.generated/Close.js\";\nimport { MoreIcon } from \"../icons.generated/More.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { InnerAppContainer } from \"./InnerAppContainer.js\";\nimport { SideNav } from \"./SideNav/SideNav.js\";\nimport { SideNavLogo } from \"./SideNav/SideNavLogo.js\";\nimport { HamburgerMenuIcon } from \"./TopNav/HamburgerMenuIcon.js\";\nimport {\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport {\n  emptySideNavItems,\n  SIDE_NAV_WIDTH,\n  TOP_NAV_HEIGHT,\n  UI_SHELL_BASE_Z_INDEX,\n} from \"./uiShellSharedConstants.js\";\nimport { useMatchAppElementToUiShellAppArea } from \"./useMatchAppElementToUiShellAppArea.js\";\nimport { useScrollState } from \"./useScrollState.js\";\n\nconst StyledAppContentArea = styled(\"div\")({\n  gridArea: \"app-content\",\n  position: \"relative\",\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"left-side app-container right-side\"\n  `,\n  gridTemplateColumns: \"auto 1fr auto\",\n  gridTemplateRows: \"1fr\",\n  height: \"100%\",\n  width: \"100%\",\n});\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"appBackgroundColor\" && prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  backgroundColor: appBackgroundColor,\n  gridArea: \"app-container\",\n  height: \"100%\",\n  overflow: \"hidden\",\n  width: \"100%\",\n}));\n\nconst StyledBannersContainer = styled(\"div\")({\n  gridArea: \"banners\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n});\n\nconst StyledLeftSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\n})<{\n  isOpen: boolean;\n}>(({ isOpen }) => ({\n  display: isOpen ? \"block\" : \"none\",\n  height: \"100%\",\n  gridArea: \"left-side\",\n  position: \"absolute\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledRightSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"isOpen\" && prop !== \"odysseyDesignTokens\",\n})<{\n  isOpen: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isOpen, odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  display: isOpen ? \"block\" : \"none\",\n  gridArea: \"right-side\",\n  height: \"100%\",\n  maxWidth: SIDE_NAV_WIDTH,\n  overflowY: \"auto\",\n  position: \"absolute\",\n  right: 0,\n  width: SIDE_NAV_WIDTH,\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledMenuLogo = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  alignItems: \"center\",\n  display: \"inline-flex\",\n  gap: odysseyDesignTokens.Spacing3,\n}));\n\nconst StyledLogoContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing4,\n\n  \"svg, img\": {\n    maxHeight: \"100%\",\n    width: \"auto\",\n    maxWidth: \"100%\",\n  },\n}));\n\nconst StyledPageOverlay = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: hexToRgb(\n    odysseyDesignTokens.HueNeutral900,\n  ).asFormattedString.replace(/rgb\\((.+)\\)$/, \"rgba($1, 0.26)\"),\n  gridArea: \"app-content\",\n  height: \"100vh\",\n  left: 0,\n  position: \"absolute\",\n  top: 0,\n  width: \"100vw\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledSideNavContainer = styled(\"div\")({\n  height: \"100%\", // Without this value, side nav won't fill up the height if the content is too short.\n});\n\nconst StyledUiShellContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"banners\"\n    \"top-nav\"\n    \"app-content\"\n  `,\n  gridTemplateColumns: \"1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  overflow: \"hidden\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNav = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isContentScrolled\" &&\n    prop !== \"topNavBackgroundColor\",\n})<{\n  isContentScrolled?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, isContentScrolled, topNavBackgroundColor }) => ({\n  alignItems: \"stretch\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite || topNavBackgroundColor, // This logic doesn't make sense, but I wanted to leave it here for when we eventually make a decision on `topNavBackgroundColor`. --Kevin Ghadyani\n  boxShadow: isContentScrolled ? odysseyDesignTokens.DepthMedium : undefined,\n  clipPath: \"inset(0 0 -100vh 0)\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gridArea: \"top-nav\",\n  height: \"100%\",\n  justifyContent: \"center\",\n  position: \"relative\",\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledTopNavMenu = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"topNavBackgroundColor\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, topNavBackgroundColor }) => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing3,\n  height: \"100%\",\n  justifyContent: \"space-between\",\n  maxHeight: TOP_NAV_HEIGHT,\n  minHeight: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n\n  ...(topNavBackgroundColor === odysseyDesignTokens.HueNeutralWhite &&\n    ({\n      borderBottomColor: odysseyDesignTokens.HueNeutral100,\n      borderBottomStyle: odysseyDesignTokens.BorderStyleMain,\n      borderBottomWidth: odysseyDesignTokens.BorderWidthMain,\n    } as CSSProperties)),\n}));\n\nconst StyledTopNavSearch = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n}));\n\nexport type NarrowUiShellContentProps = Pick<HtmlProps, \"testId\"> &\n  Pick<UiShellNavComponentProps, \"sideNavProps\" | \"topNavProps\"> &\n  UiShellContentProps;\n\nconst NarrowUiShellContent = ({\n  appElement,\n  appElementScrollingMode,\n  hasStandardAppContentPadding = true,\n  hasSideNavProps,\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: NarrowUiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  const { isContentScrolled } = useScrollState(appElement);\n\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellAppAreaRef = useRef<HTMLDivElement>(null);\n\n  const [isLeftSideMenuOpen, setIsLeftSideMenuOpen] = useState(false);\n  const [isRightSideMenuOpen, setIsRightSideMenuOpen] = useState(false);\n\n  const closeSideMenus = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen(false);\n  }, []);\n\n  useEffect(() => {\n    const unsubscribeFromCloseRightSideMenu =\n      uiShellContext?.subscribeToCloseRightSideMenu(() => {\n        closeSideMenus();\n      });\n\n    const unsubscribeFromSideNavItemClicked =\n      uiShellContext?.subscribeToCloseSideNavMenu(() => {\n        closeSideMenus();\n      });\n\n    return () => {\n      unsubscribeFromCloseRightSideMenu?.();\n      unsubscribeFromSideNavItemClicked?.();\n    };\n  }, [closeSideMenus, uiShellContext]);\n\n  const toggleLeftSideMenu = useCallback(() => {\n    setIsRightSideMenuOpen(false);\n    setIsLeftSideMenuOpen((isLeftSideMenuOpen) => !isLeftSideMenuOpen);\n  }, []);\n\n  const toggleRightSideMenu = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen((isRightSideMenuOpen) => !isRightSideMenuOpen);\n  }, []);\n\n  const { parentContainerRef } = useMatchAppElementToUiShellAppArea({\n    appElement,\n    appElementScrollingMode,\n    paddingMode: hasStandardAppContentPadding ? \"compact\" : \"none\",\n    uiShellAppAreaRef,\n    uiShellResizableRefs: [\n      sideNavContainerRef,\n      topNavContainerRef,\n      uiShellAppAreaRef,\n    ],\n  });\n\n  return (\n    <>\n      {(isLeftSideMenuOpen || isRightSideMenuOpen) && (\n        <StyledPageOverlay\n          odysseyDesignTokens={odysseyDesignTokens}\n          onClick={closeSideMenus}\n        />\n      )}\n\n      <StyledUiShellContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={parentContainerRef}\n      >\n        <StyledBannersContainer>\n          {optionalComponents?.banners}\n        </StyledBannersContainer>\n\n        {(initialVisibleSections?.includes(\"TopNav\") || topNavProps) && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <StyledTopNav\n              isContentScrolled={isContentScrolled}\n              odysseyDesignTokens={odysseyDesignTokens}\n              topNavBackgroundColor={uiShellContext?.topNavBackgroundColor}\n            >\n              <StyledTopNavMenu\n                odysseyDesignTokens={odysseyDesignTokens}\n                topNavBackgroundColor={uiShellContext?.sideNavBackgroundColor}\n              >\n                <StyledMenuLogo odysseyDesignTokens={odysseyDesignTokens}>\n                  {(sideNavProps?.isCollapsible ||\n                    !sideNavProps?.isCollapsed) && (\n                    <Button\n                      onClick={toggleLeftSideMenu}\n                      startIcon={<HamburgerMenuIcon />}\n                      testId=\"sidenav-menu--icon\"\n                      variant=\"floating\"\n                    />\n                  )}\n\n                  <StyledLogoContainer\n                    odysseyDesignTokens={odysseyDesignTokens}\n                  >\n                    {sideNavProps?.isLoading ? (\n                      //  The skeleton takes the hardcoded dimensions of the Okta logo\n                      <Skeleton height={24} variant=\"rounded\" width={67} />\n                    ) : (\n                      <SideNavLogo {...sideNavProps?.logoProps} />\n                    )}\n                  </StyledLogoContainer>\n                </StyledMenuLogo>\n\n                {optionalComponents?.rightSideMenu && (\n                  <Button\n                    onClick={toggleRightSideMenu}\n                    startIcon={\n                      isRightSideMenuOpen ? <CloseIcon /> : <MoreIcon />\n                    }\n                    testId=\"userprofile-menu--icon\"\n                    variant=\"floating\"\n                  />\n                )}\n              </StyledTopNavMenu>\n\n              {optionalComponents?.topNavLeftSide && (\n                <StyledTopNavSearch odysseyDesignTokens={odysseyDesignTokens}>\n                  {optionalComponents?.topNavLeftSide}\n                </StyledTopNavSearch>\n              )}\n            </StyledTopNav>\n          </ErrorBoundary>\n        )}\n\n        <StyledAppContentArea>\n          <StyledLeftSideContainer isOpen={isLeftSideMenuOpen}>\n            {\n              /* If SideNav should be initially visible and we have not yet received props, render SideNav with minimal inputs */\n              initialVisibleSections?.includes(\"SideNav\") &&\n                !hasSideNavProps && (\n                  <ErrorBoundary fallback={null} onError={onError}>\n                    <SideNav isLoading sideNavItems={emptySideNavItems} />\n                  </ErrorBoundary>\n                )\n            }\n\n            {hasSideNavProps && sideNavProps && (\n              <ErrorBoundary fallback={null} onError={onError}>\n                <StyledSideNavContainer>\n                  <SideNav\n                    {...{\n                      ...{\n                        ...sideNavProps,\n                        // This hides the side nav logo or app name from showing up as we already have one in the narrow top nav.\n                        appName: undefined,\n                        logoProps: undefined,\n                      },\n                      ...(sideNavProps.hasCustomFooter &&\n                      optionalComponents?.sideNavFooter\n                        ? {\n                            footerComponent: optionalComponents.sideNavFooter,\n                            footerItems: undefined,\n                            hasCustomFooter: sideNavProps.hasCustomFooter,\n                          }\n                        : {\n                            footerItems: sideNavProps.footerItems,\n                            hasCustomFooter: false,\n                          }),\n                    }}\n                    isCollapsed={false}\n                    isCollapsible={false}\n                    isObtrusive\n                    onCollapse={closeSideMenus}\n                  />\n                </StyledSideNavContainer>\n              </ErrorBoundary>\n            )}\n          </StyledLeftSideContainer>\n\n          <StyledRightSideContainer\n            isOpen={isRightSideMenuOpen}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <StyledSideNavContainer>\n              {optionalComponents?.rightSideMenu}\n            </StyledSideNavContainer>\n          </StyledRightSideContainer>\n\n          <StyledAppContainer\n            appBackgroundColor={uiShellContext?.appBackgroundColor}\n            ref={uiShellAppAreaRef}\n            tabIndex={0}\n          >\n            <InnerAppContainer isContentScrolled={isContentScrolled} />\n          </StyledAppContainer>\n        </StyledAppContentArea>\n      </StyledUiShellContainer>\n    </>\n  );\n};\n\nconst MemoizedNarrowUiShellContent = memo(NarrowUiShellContent);\nMemoizedNarrowUiShellContent.displayName = \"NarrowUiShellContent\";\n\nexport { MemoizedNarrowUiShellContent as NarrowUiShellContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ui-shell/SideNav/CollapseIcon.js

@@ -14,10 +14,10 @@ import { memo } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 const CollapseIcon = () => {
   return _jsx("svg", {
-    width: "32",
+    fill: "none",
     height: "32",
     viewBox: "0 0 12 20",
-    fill: "none",
+    width: "32",
     xmlns: "http://www.w3.org/2000/svg",
     children: _jsx("path", {
       d: "M3.55226 9.99998L11.2761 2.27612L9.39051 0.390503L0.723837 9.05717C0.473789 9.30722 0.333313 9.64636 0.333313 9.99998C0.333313 10.3536 0.473789 10.6927 0.723837 10.9428L9.3905 19.6095L11.2761 17.7238L3.55226 9.99998Z",

package/dist/esm/ui-shell/SideNav/CollapseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseIcon.js","names":["memo","jsx","_jsx","CollapseIcon","width","height","viewBox","fill","xmlns","children","d","MemoizedCollapseIcon"],"sources":["../../../../src/ui-shell/SideNav/CollapseIcon.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 { memo } from \"react\";\n\nconst CollapseIcon = () => {\n  return (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 12 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M3.55226 9.99998L11.2761 2.27612L9.39051 0.390503L0.723837 9.05717C0.473789 9.30722 0.333313 9.64636 0.333313 9.99998C0.333313 10.3536 0.473789 10.6927 0.723837 10.9428L9.3905 19.6095L11.2761 17.7238L3.55226 9.99998Z\"\n        fill=\"#6E6E6E\"\n      />\n    </svg>\n  );\n};\n\nconst MemoizedCollapseIcon = memo(CollapseIcon);\n\nexport { MemoizedCollapseIcon as CollapseIcon };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7B,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACzB,OACED,IAAA;IACEE,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElCP,IAAA;MACEQ,CAAC,EAAC,0NAA0N;MAC5NH,IAAI,EAAC;IAAS,CACf;EAAC,CACC,CAAC;AAEV,CAAC;AAED,MAAMI,oBAAoB,GAAGX,IAAI,CAACG,YAAY,CAAC;AAE/C,SAASQ,oBAAoB,IAAIR,YAAY","ignoreList":[]}
+{"version":3,"file":"CollapseIcon.js","names":["memo","jsx","_jsx","CollapseIcon","fill","height","viewBox","width","xmlns","children","d","MemoizedCollapseIcon"],"sources":["../../../../src/ui-shell/SideNav/CollapseIcon.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 { memo } from \"react\";\n\nconst CollapseIcon = () => {\n  return (\n    <svg\n      fill=\"none\"\n      height=\"32\"\n      viewBox=\"0 0 12 20\"\n      width=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M3.55226 9.99998L11.2761 2.27612L9.39051 0.390503L0.723837 9.05717C0.473789 9.30722 0.333313 9.64636 0.333313 9.99998C0.333313 10.3536 0.473789 10.6927 0.723837 10.9428L9.3905 19.6095L11.2761 17.7238L3.55226 9.99998Z\"\n        fill=\"#6E6E6E\"\n      />\n    </svg>\n  );\n};\n\nconst MemoizedCollapseIcon = memo(CollapseIcon);\n\nexport { MemoizedCollapseIcon as CollapseIcon };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7B,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACzB,OACED,IAAA;IACEE,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,IAAI;IACVC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElCP,IAAA;MACEQ,CAAC,EAAC,0NAA0N;MAC5NN,IAAI,EAAC;IAAS,CACf;EAAC,CACC,CAAC;AAEV,CAAC;AAED,MAAMO,oBAAoB,GAAGX,IAAI,CAACG,YAAY,CAAC;AAE/C,SAASQ,oBAAoB,IAAIR,YAAY","ignoreList":[]}

package/dist/esm/ui-shell/SideNav/HandleIcon.js

@@ -14,16 +14,16 @@ import { memo } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 const HandleIcon = () => {
   return _jsx("svg", {
-    width: "32",
+    fill: "none",
     height: "32",
     viewBox: "0 0 32 32",
-    fill: "none",
+    width: "32",
     xmlns: "http://www.w3.org/2000/svg",
     children: _jsx("path", {
-      fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M17.4167 6.66687L17.4167 25.3335L14.5834 25.3335L14.5834 6.66687L17.4167 6.66687Z",
-      fill: "#6E6E6E"
+      fill: "#6E6E6E",
+      fillRule: "evenodd"
     })
   });
 };