@okta/odyssey-react-mui 1.24.1 → 1.26.0

package/dist/labs/NavAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavAccordion.js","names":["styled","memo","ChevronRightIcon","useOdysseyDesignTokens","Support","useUniqueId","jsx","_jsx","jsxs","_jsxs","AccordionLabelContainer","shouldForwardProp","prop","odysseyDesignTokens","isIconVisible","width","marginLeft","Spacing2","fontSize","TypographyScale0","fontWeight","TypographyWeightHeading","color","TypographyColorHeading","NavAccordion","children","label","id","idOverride","isDefaultExpanded","isDisabled","isExpanded","translate","startIcon","headerId","contentId","_Accordion","defaultExpanded","disabled","disableGutters","expanded","className","_AccordionSummary","expandIcon","component","Boolean","_AccordionDetails","MemoizedNavAccordion","displayName"],"sources":["../../src/labs/NavAccordion.tsx"],"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 styled from \"@emotion/styled\";\nimport {\n  Accordion as MuiAccordion,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionSummary as MuiAccordionSummary,\n  AccordionProps as MuiAccordionProps,\n} from \"@mui/material\";\nimport { ReactNode, memo } from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps\";\nimport { ChevronRightIcon } from \"../icons.generated\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Support } from \"../Typography\";\nimport { useUniqueId } from \"../useUniqueId\";\n\nexport type NavAccordionProps = {\n  /**\n   * The content of the Accordion itself\n   */\n  children: ReactNode;\n  /**\n   * The label text for the AccordionSummary\n   */\n  label: string;\n  /**\n   * Defines IDs for the header and the content of the Accordion\n   */\n  id?: string;\n  /**\n   * Whether the item is expanded by default\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the item is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, expands the accordion, otherwise collapse it.\n   * Setting this prop enables control over the accordion.\n   */\n  isExpanded?: boolean;\n  /**\n   * Event fired when the expansion state of the accordion is changed\n   */\n  onChange?: MuiAccordionProps[\"onChange\"];\n  /**\n   * The icon element to display at the start of the Nav Item\n   */\n  startIcon?: ReactNode;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst AccordionLabelContainer = styled(\"span\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isIconVisible\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isIconVisible: boolean;\n}>(({ odysseyDesignTokens, isIconVisible }) => ({\n  width: \"100%\",\n  marginLeft: isIconVisible ? odysseyDesignTokens.Spacing2 : 0,\n  fontSize: odysseyDesignTokens.TypographyScale0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n  color: odysseyDesignTokens.TypographyColorHeading,\n}));\n\nconst NavAccordion = ({\n  children,\n  label,\n  id: idOverride,\n  isDefaultExpanded,\n  isDisabled,\n  isExpanded,\n  translate,\n  startIcon,\n}: NavAccordionProps) => {\n  const id = useUniqueId(idOverride);\n  const headerId = `${id}-header`;\n  const contentId = `${id}-content`;\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <MuiAccordion\n      defaultExpanded={isDefaultExpanded}\n      disabled={isDisabled}\n      disableGutters\n      expanded={isExpanded}\n      className=\"nav-accordion\"\n    >\n      <MuiAccordionSummary\n        className=\"nav-accordion-summary\"\n        aria-controls={contentId}\n        expandIcon={<ChevronRightIcon />}\n        id={headerId}\n      >\n        <Support component=\"div\" translate={translate}>\n          {startIcon && startIcon}\n          <AccordionLabelContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            isIconVisible={Boolean(startIcon)}\n          >\n            {label}\n          </AccordionLabelContainer>\n        </Support>\n      </MuiAccordionSummary>\n      <MuiAccordionDetails\n        className=\"nav-accordion-details\"\n        aria-labelledby={headerId}\n      >\n        {children}\n      </MuiAccordionDetails>\n    </MuiAccordion>\n  );\n};\n\nconst MemoizedNavAccordion = memo(NavAccordion);\nMemoizedNavAccordion.displayName = \"NavAccordion\";\n\nexport { MemoizedNavAccordion as NavAccordion };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAOpC,SAAoBC,IAAI,QAAQ,OAAO;AAAC,SAG/BC,gBAAgB;AAAA,SAGvBC,sBAAsB;AAAA,SAEfC,OAAO;AAAA,SACPC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAsCpB,MAAMC,uBAAuB,GAAGV,MAAM,CAAC,MAAM,EAAE;EAC7CW,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,mBAAmB;EAAEC;AAAc,CAAC,MAAM;EAC9CC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAEF,aAAa,GAAGD,mBAAmB,CAACI,QAAQ,GAAG,CAAC;EAC5DC,QAAQ,EAAEL,mBAAmB,CAACM,gBAAgB;EAC9CC,UAAU,EAAEP,mBAAmB,CAACQ,uBAAuB;EACvDC,KAAK,EAAET,mBAAmB,CAACU;AAC7B,CAAC,CAAC,CAAC;AAEH,MAAMC,YAAY,GAAGA,CAAC;EACpBC,QAAQ;EACRC,KAAK;EACLC,EAAE,EAAEC,UAAU;EACdC,iBAAiB;EACjBC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC;AACiB,CAAC,KAAK;EACvB,MAAMN,EAAE,GAAGtB,WAAW,CAACuB,UAAU,CAAC;EAClC,MAAMM,QAAQ,GAAI,GAAEP,EAAG,SAAQ;EAC/B,MAAMQ,SAAS,GAAI,GAAER,EAAG,UAAS;EACjC,MAAMd,mBAAmB,GAAGV,sBAAsB,CAAC,CAAC;EAEpD,OACEM,KAAA,CAAA2B,UAAA;IACEC,eAAe,EAAER,iBAAkB;IACnCS,QAAQ,EAAER,UAAW;IACrBS,cAAc;IACdC,QAAQ,EAAET,UAAW;IACrBU,SAAS,EAAC,eAAe;IAAAhB,QAAA,GAEzBlB,IAAA,CAAAmC,iBAAA;MACED,SAAS,EAAC,uBAAuB;MACjC,iBAAeN,SAAU;MACzBQ,UAAU,EAAEpC,IAAA,CAACL,gBAAgB,IAAE,CAAE;MACjCyB,EAAE,EAAEO,QAAS;MAAAT,QAAA,EAEbhB,KAAA,CAACL,OAAO;QAACwC,SAAS,EAAC,KAAK;QAACZ,SAAS,EAAEA,SAAU;QAAAP,QAAA,GAC3CQ,SAAS,IAAIA,SAAS,EACvB1B,IAAA,CAACG,uBAAuB;UACtBG,mBAAmB,EAAEA,mBAAoB;UACzCC,aAAa,EAAE+B,OAAO,CAACZ,SAAS,CAAE;UAAAR,QAAA,EAEjCC;QAAK,CACiB,CAAC;MAAA,CACnB;IAAC,CACS,CAAC,EACtBnB,IAAA,CAAAuC,iBAAA;MACEL,SAAS,EAAC,uBAAuB;MACjC,mBAAiBP,QAAS;MAAAT,QAAA,EAEzBA;IAAQ,CACU,CAAC;EAAA,CACV,CAAC;AAEnB,CAAC;AAED,MAAMsB,oBAAoB,GAAG9C,IAAI,CAACuB,YAAY,CAAC;AAC/CuB,oBAAoB,CAACC,WAAW,GAAG,cAAc;AAEjD,SAASD,oBAAoB,IAAIvB,YAAY"}

package/dist/labs/TopNav.js

@@ -1,281 +0,0 @@
-/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import styled from "@emotion/styled";
-import { memo, useMemo, useCallback } from "react";
-import { QuestionCircleIcon, SettingsIcon } from "../icons.generated/index.js";
-import { Link } from "../Link.js";
-import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
-import { Subordinate } from "../Typography.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-export const TOP_NAV_HEIGHT_TOKEN = "Spacing9";
-const UserProfileContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  paddingRight: odysseyDesignTokens.Spacing4
-}));
-const UserProfileIconContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  paddingRight: odysseyDesignTokens.Spacing2
-}));
-const UserProfileInfoContainer = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column"
-}));
-const UserProfile = ({
-  profileIcon,
-  userName,
-  orgName
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  return _jsxs(UserProfileContainer, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: [profileIcon && _jsx(UserProfileIconContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: profileIcon
-    }), _jsxs(UserProfileInfoContainer, {
-      children: [_jsx(Subordinate, {
-        color: "textPrimary",
-        children: userName
-      }), _jsx(Subordinate, {
-        color: "textSecondary",
-        children: orgName
-      })]
-    })]
-  });
-};
-const TopNavListContainer = styled("ul")(() => ({
-  padding: 0,
-  listStyle: "none",
-  listStyleType: "none",
-  display: "flex",
-  alignItems: "center"
-}));
-const TopNavItemLabelContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  alignItems: "center",
-  fontSize: odysseyDesignTokens.TypographyScale0,
-  fontWeight: odysseyDesignTokens.TypographyWeightHeading
-}));
-const TopNavListItemContainer = styled("li", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isDisabled"
-})(({
-  odysseyDesignTokens,
-  isDisabled
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  cursor: isDisabled ? "default" : "pointer",
-  pointerEvents: isDisabled ? "none" : "auto",
-  color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,
-  "& a": {
-    display: "flex",
-    alignItems: "center",
-    padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,
-    color: `${odysseyDesignTokens.TypographyColorHeading} !important`
-  },
-  "& a:hover": {
-    textDecoration: "none",
-    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
-  },
-  "& div[role='button']:hover": {
-    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
-  },
-  "& a:focus-visible": {
-    outlineOffset: 0,
-    borderRadius: 0,
-    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
-    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
-  }
-}));
-const NavItemContentClickContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  width: "100%",
-  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,
-  "&:focus-visible": {
-    borderRadius: 0,
-    outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,
-    outlineStyle: odysseyDesignTokens.FocusOutlineStyle,
-    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
-    backgroundColor: odysseyDesignTokens.HueNeutral50,
-    textDecoration: "none"
-  }
-}));
-const TopNavItemContent = ({
-  id,
-  label,
-  href,
-  target,
-  onClick,
-  isDisabled
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const topNavItemContentKeyHandler = useCallback(event => {
-    if (event?.key === "Enter") {
-      event.preventDefault();
-      event.stopPropagation();
-      onClick?.(event);
-    }
-  }, [onClick]);
-  return _jsx(TopNavListItemContainer, {
-    id: id,
-    "aria-disabled": isDisabled,
-    isDisabled: isDisabled,
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: isDisabled ? _jsx(NavItemContentClickContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: _jsx(TopNavItemLabelContainer, {
-        odysseyDesignTokens: odysseyDesignTokens,
-        children: label
-      })
-    }) : !href ? _jsx(NavItemContentClickContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      role: "button",
-      tabIndex: 0,
-      onClick: onClick,
-      onKeyDown: topNavItemContentKeyHandler,
-      children: _jsx(TopNavItemLabelContainer, {
-        odysseyDesignTokens: odysseyDesignTokens,
-        children: label
-      })
-    }) : _jsx(Link, {
-      href: href,
-      target: target,
-      onClick: onClick,
-      children: _jsx(TopNavItemLabelContainer, {
-        odysseyDesignTokens: odysseyDesignTokens,
-        children: label
-      })
-    })
-  }, id);
-};
-const LinkAndProfileWrapper = styled("div")(() => ({
-  display: "flex",
-  alignItems: "center",
-  marginLeft: "auto"
-}));
-const AdditionalLinkContainerWithBorder = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  marginRight: odysseyDesignTokens.Spacing3,
-  borderRight: `${odysseyDesignTokens.BorderWidthMain} solid ${odysseyDesignTokens.HueNeutral200}`
-}));
-const LinkContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  paddingRight: odysseyDesignTokens.Spacing3,
-  "& a": {
-    color: `${odysseyDesignTokens.TypographyColorHeading} !important`
-  }
-}));
-const TopNavContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
-  height: odysseyDesignTokens[TOP_NAV_HEIGHT_TOKEN]
-}));
-const SearchFieldContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  width: "350px",
-  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing3}`
-}));
-const AdditionalNavItemContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  padding: `0 ${odysseyDesignTokens.Spacing3}`
-}));
-const TopNav = ({
-  SearchFieldComponent,
-  topNavLinkItems,
-  AdditionalNavItemComponent,
-  settingsPageHref,
-  helpPageHref,
-  userProfile
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const processedNavItems = useMemo(() => topNavLinkItems.map(item => _createElement(TopNavItemContent, {
-    ...item,
-    key: item.id
-  })), [topNavLinkItems]);
-  return _jsxs(TopNavContainer, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: [SearchFieldComponent && _jsx(SearchFieldContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: SearchFieldComponent
-    }), _jsx(TopNavListContainer, {
-      children: processedNavItems?.map(item => item)
-    }), _jsxs(LinkAndProfileWrapper, {
-      children: [(AdditionalNavItemComponent || settingsPageHref || helpPageHref) && _jsxs(AdditionalLinkContainerWithBorder, {
-        odysseyDesignTokens: odysseyDesignTokens,
-        children: [AdditionalNavItemComponent && _jsx(AdditionalNavItemContainer, {
-          odysseyDesignTokens: odysseyDesignTokens,
-          children: AdditionalNavItemComponent
-        }), settingsPageHref && _jsx(LinkContainer, {
-          odysseyDesignTokens: odysseyDesignTokens,
-          children: _jsx(Link, {
-            href: settingsPageHref,
-            ariaLabel: "settings page",
-            children: _jsx(SettingsIcon, {})
-          })
-        }), helpPageHref && _jsx(LinkContainer, {
-          odysseyDesignTokens: odysseyDesignTokens,
-          children: _jsx(Link, {
-            href: helpPageHref,
-            ariaLabel: "help page",
-            children: _jsx(QuestionCircleIcon, {})
-          })
-        })]
-      }), userProfile && _jsx(UserProfile, {
-        ...userProfile
-      })]
-    })]
-  });
-};
-const MemoizedTopNav = memo(TopNav);
-MemoizedTopNav.displayName = "TopNav";
-export { MemoizedTopNav as TopNav };
-//# sourceMappingURL=TopNav.js.map

package/dist/labs/TopNav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TopNav.js","names":["styled","memo","useMemo","useCallback","QuestionCircleIcon","SettingsIcon","Link","useOdysseyDesignTokens","Subordinate","jsx","_jsx","jsxs","_jsxs","createElement","_createElement","TOP_NAV_HEIGHT_TOKEN","UserProfileContainer","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","paddingRight","Spacing4","UserProfileIconContainer","Spacing2","UserProfileInfoContainer","flexDirection","UserProfile","profileIcon","userName","orgName","children","color","TopNavListContainer","padding","listStyle","listStyleType","TopNavItemLabelContainer","flexWrap","fontSize","TypographyScale0","fontWeight","TypographyWeightHeading","TopNavListItemContainer","isDisabled","cursor","pointerEvents","TypographyColorDisabled","TypographyColorHeading","textDecoration","backgroundColor","HueNeutral50","outlineOffset","borderRadius","outlineWidth","FocusOutlineWidthMain","NavItemContentClickContainer","width","outlineColor","FocusOutlineColorPrimary","outlineStyle","FocusOutlineStyle","TopNavItemContent","id","label","href","target","onClick","topNavItemContentKeyHandler","event","key","preventDefault","stopPropagation","role","tabIndex","onKeyDown","LinkAndProfileWrapper","marginLeft","AdditionalLinkContainerWithBorder","marginRight","Spacing3","borderRight","BorderWidthMain","HueNeutral200","LinkContainer","TopNavContainer","HueNeutralWhite","height","SearchFieldContainer","AdditionalNavItemContainer","TopNav","SearchFieldComponent","topNavLinkItems","AdditionalNavItemComponent","settingsPageHref","helpPageHref","userProfile","processedNavItems","map","item","ariaLabel","MemoizedTopNav","displayName"],"sources":["../../src/labs/TopNav.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 {\n  memo,\n  useMemo,\n  ReactElement,\n  useCallback,\n  MouseEventHandler,\n  KeyboardEventHandler,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps\";\nimport { QuestionCircleIcon, SettingsIcon } from \"../icons.generated\";\nimport { Link } from \"../Link\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Subordinate } from \"../Typography\";\n\nexport const TOP_NAV_HEIGHT_TOKEN = \"Spacing9\";\n\nexport type TopNavLinkItem = {\n  id: string;\n  label: string;\n  /**\n   * link added to the nav item. if it is undefined, static text will be displayed.\n   * fires onClick event when it is passed\n   */\n  href?: string;\n  /**\n   * determines whether the link item is diabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Event fired when the nav item is clicked\n   */\n  onClick?: MouseEventHandler<HTMLAnchorElement> &\n    MouseEventHandler<HTMLDivElement> &\n    KeyboardEventHandler<HTMLDivElement>;\n  /**\n   * The link target prop. e.g., \"_blank\"\n   */\n  target?: string;\n};\n\nexport type UserProfileProps = {\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n};\n\nexport type TopNavProps = {\n  /**\n   *  Pass in a SearchField component with the variant=\"filled\" prop set\n   */\n  SearchFieldComponent?: ReactElement;\n  /**\n   * Nav links in the top nav\n   */\n  topNavLinkItems: TopNavLinkItem[];\n  /**\n   * Pass in an additional component like `Button` that will be displayed after the nav link items\n   */\n  AdditionalNavItemComponent?: ReactElement;\n  /**\n   * URL to settings page.\n   */\n  settingsPageHref?: string;\n  /**\n   * URL to the help page.\n   */\n  helpPageHref?: string;\n  /**\n   * Displays user account info\n   */\n  userProfile?: UserProfileProps;\n} & Pick<HtmlProps, \"testId\">;\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  paddingRight: odysseyDesignTokens.Spacing4,\n}));\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  paddingRight: odysseyDesignTokens.Spacing2,\n}));\n\nconst UserProfileInfoContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n}));\n\nconst UserProfile = ({ profileIcon, userName, orgName }: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n      <UserProfileInfoContainer>\n        <Subordinate color=\"textPrimary\">{userName}</Subordinate>\n        <Subordinate color=\"textSecondary\">{orgName}</Subordinate>\n      </UserProfileInfoContainer>\n    </UserProfileContainer>\n  );\n};\n\nconst TopNavListContainer = styled(\"ul\")(() => ({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n}));\n\nconst TopNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographyScale0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n}));\n\nconst TopNavListItemContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isDisabled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isDisabled?: boolean;\n}>(({ odysseyDesignTokens, isDisabled }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: isDisabled ? \"default\" : \"pointer\",\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n  color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,\n  \"& a\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& div[role='button']:hover\": {\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& a:focus-visible\": {\n    outlineOffset: 0,\n    borderRadius: 0,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n}));\n\nconst NavItemContentClickContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n  \"&:focus-visible\": {\n    borderRadius: 0,\n    outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n    outlineStyle: odysseyDesignTokens.FocusOutlineStyle,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: odysseyDesignTokens.HueNeutral50,\n    textDecoration: \"none\",\n  },\n}));\n\nconst TopNavItemContent = ({\n  id,\n  label,\n  href,\n  target,\n  onClick,\n  isDisabled,\n}: TopNavLinkItem) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const topNavItemContentKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLDivElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        event.stopPropagation();\n        onClick?.(event);\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <TopNavListItemContainer\n      id={id}\n      key={id}\n      aria-disabled={isDisabled}\n      isDisabled={isDisabled}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : !href ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"button\"\n            tabIndex={0}\n            onClick={onClick}\n            onKeyDown={topNavItemContentKeyHandler}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : (\n          <Link href={href} target={target} onClick={onClick}>\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </Link>\n        )\n      }\n    </TopNavListItemContainer>\n  );\n};\n\nconst LinkAndProfileWrapper = styled(\"div\")(() => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n}));\n\nconst AdditionalLinkContainerWithBorder = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginRight: odysseyDesignTokens.Spacing3,\n  borderRight: `${odysseyDesignTokens.BorderWidthMain} solid ${odysseyDesignTokens.HueNeutral200}`,\n}));\n\nconst LinkContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingRight: odysseyDesignTokens.Spacing3,\n  \"& a\": {\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n}));\n\nconst TopNavContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  height: odysseyDesignTokens[TOP_NAV_HEIGHT_TOKEN],\n}));\n\nconst SearchFieldContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  width: \"350px\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst AdditionalNavItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  padding: `0 ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst TopNav = ({\n  SearchFieldComponent,\n  topNavLinkItems,\n  AdditionalNavItemComponent,\n  settingsPageHref,\n  helpPageHref,\n  userProfile,\n}: TopNavProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const processedNavItems = useMemo(\n    () =>\n      topNavLinkItems.map((item) => (\n        <TopNavItemContent {...item} key={item.id} />\n      )),\n    [topNavLinkItems],\n  );\n\n  return (\n    <TopNavContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {SearchFieldComponent && (\n        <SearchFieldContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {SearchFieldComponent}\n        </SearchFieldContainer>\n      )}\n      <TopNavListContainer>\n        {processedNavItems?.map((item) => item)}\n      </TopNavListContainer>\n      <LinkAndProfileWrapper>\n        {(AdditionalNavItemComponent || settingsPageHref || helpPageHref) && (\n          <AdditionalLinkContainerWithBorder\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {AdditionalNavItemComponent && (\n              <AdditionalNavItemContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {AdditionalNavItemComponent}\n              </AdditionalNavItemContainer>\n            )}\n            {settingsPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={settingsPageHref} ariaLabel=\"settings page\">\n                  <SettingsIcon />\n                </Link>\n              </LinkContainer>\n            )}\n            {helpPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={helpPageHref} ariaLabel=\"help page\">\n                  <QuestionCircleIcon />\n                </Link>\n              </LinkContainer>\n            )}\n          </AdditionalLinkContainerWithBorder>\n        )}\n        {userProfile && <UserProfile {...userProfile} />}\n      </LinkAndProfileWrapper>\n    </TopNavContainer>\n  );\n};\n\nconst MemoizedTopNav = memo(TopNav);\nMemoizedTopNav.displayName = \"TopNav\";\n\nexport { MemoizedTopNav as TopNav };\n"],"mappings":"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"}

package/dist/src/ContrastModeProvider.d.ts

@@ -1,34 +0,0 @@
-/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-import React, { ReactNode } from "react";
-declare module "@mui/material/styles" {
-    interface Theme {
-        odysseyContrastMode: ContrastMode;
-    }
-    interface ThemeOptions {
-        odysseyContrastMode?: ContrastMode;
-    }
-}
-export type ContrastMode = "lowContrast" | "highContrast";
-export type ContrastModeContextType = {
-    contrastMode: ContrastMode;
-    parentBackgroundColor: string;
-};
-export declare const useContrastContext: () => ContrastModeContextType;
-export declare const useParentBackgroundColor: (ref: React.RefObject<HTMLElement>) => string;
-type ContrastModeProviderProps = {
-    children: ReactNode;
-    contrastMode?: ContrastMode;
-};
-export declare const ContrastModeProvider: ({ children, contrastMode: explicitContrastMode, }: ContrastModeProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ContrastModeProvider.d.ts.map

package/dist/src/ContrastModeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContrastModeProvider.d.ts","sourceRoot":"","sources":["../../src/ContrastModeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAOZ,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,KAAK;QACb,mBAAmB,EAAE,YAAY,CAAC;KACnC;IACD,UAAU,YAAY;QACpB,mBAAmB,CAAC,EAAE,YAAY,CAAC;KACpC;CACF;AAED,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,cAAc,CAAC;AAE1D,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,EAAE,YAAY,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;CAC/B,CAAC;AAOF,eAAO,MAAM,kBAAkB,+BAAwC,CAAC;AAUxE,eAAO,MAAM,wBAAwB,QAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,WAyBzE,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,sDAG9B,yBAAyB,4CAwC3B,CAAC"}

package/dist/src/createShadowDomElements.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createShadowDomElements.d.ts","sourceRoot":"","sources":["../../src/createShadowDomElements.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,uBAAuB,qBAAsB,WAAW;;;CAmBpE,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,uBAAuB,qBAChB,WAAW,KAC5B,CAAC,gBAAgB,EAAE,cAAc,CAgBnC,CAAC"}

package/dist/src/labs/NavAccordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavAccordion.d.ts","sourceRoot":"","sources":["../../../src/labs/NavAccordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAIL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAQ,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;AAiE5C,QAAA,MAAM,oBAAoB,8IAxCvB,iBAAiB,6CAwC2B,CAAC;AAGhD,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}

package/dist/src/labs/TopNav.d.ts

@@ -1,78 +0,0 @@
-/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-import { ReactElement, MouseEventHandler, KeyboardEventHandler } from "react";
-import type { HtmlProps } from "../HtmlProps";
-export declare const TOP_NAV_HEIGHT_TOKEN = "Spacing9";
-export type TopNavLinkItem = {
-    id: string;
-    label: string;
-    /**
-     * link added to the nav item. if it is undefined, static text will be displayed.
-     * fires onClick event when it is passed
-     */
-    href?: string;
-    /**
-     * determines whether the link item is diabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Event fired when the nav item is clicked
-     */
-    onClick?: MouseEventHandler<HTMLAnchorElement> & MouseEventHandler<HTMLDivElement> & KeyboardEventHandler<HTMLDivElement>;
-    /**
-     * The link target prop. e.g., "_blank"
-     */
-    target?: string;
-};
-export type UserProfileProps = {
-    /**
-     * Logged in user profile icon to be displayed in the top nav
-     */
-    profileIcon?: ReactElement;
-    /**
-     * Logged in user info to be displayed in the top nav
-     */
-    userName: string;
-    /**
-     * Org name of the logged in user
-     */
-    orgName: string;
-};
-export type TopNavProps = {
-    /**
-     *  Pass in a SearchField component with the variant="filled" prop set
-     */
-    SearchFieldComponent?: ReactElement;
-    /**
-     * Nav links in the top nav
-     */
-    topNavLinkItems: TopNavLinkItem[];
-    /**
-     * Pass in an additional component like `Button` that will be displayed after the nav link items
-     */
-    AdditionalNavItemComponent?: ReactElement;
-    /**
-     * URL to settings page.
-     */
-    settingsPageHref?: string;
-    /**
-     * URL to the help page.
-     */
-    helpPageHref?: string;
-    /**
-     * Displays user account info
-     */
-    userProfile?: UserProfileProps;
-} & Pick<HtmlProps, "testId">;
-declare const MemoizedTopNav: import("react").MemoExoticComponent<({ SearchFieldComponent, topNavLinkItems, AdditionalNavItemComponent, settingsPageHref, helpPageHref, userProfile, }: TopNavProps) => import("react/jsx-runtime").JSX.Element>;
-export { MemoizedTopNav as TopNav };
-//# sourceMappingURL=TopNav.d.ts.map

package/dist/src/labs/TopNav.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TopNav.d.ts","sourceRoot":"","sources":["../../../src/labs/TopNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,YAAY,EAEZ,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,oBAAoB,aAAa,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAC5C,iBAAiB,CAAC,cAAc,CAAC,GACjC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,YAAY,CAAC;IACpC;;OAEG;IACH,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC;;OAEG;IACH,0BAA0B,CAAC,EAAE,YAAY,CAAC;IAC1C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAuS9B,QAAA,MAAM,cAAc,4JAvDjB,WAAW,6CAuDqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/src/ContrastModeProvider.tsx

@@ -1,131 +0,0 @@
-/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import React, {
-  createContext,
-  useContext,
-  useRef,
-  useLayoutEffect,
-  useState,
-  useMemo,
-  ReactNode,
-} from "react";
-import { createTheme, ThemeProvider, useTheme } from "@mui/material/styles";
-import * as Tokens from "@okta/odyssey-design-tokens";
-
-declare module "@mui/material/styles" {
-  interface Theme {
-    odysseyContrastMode: ContrastMode;
-  }
-  interface ThemeOptions {
-    odysseyContrastMode?: ContrastMode;
-  }
-}
-
-export type ContrastMode = "lowContrast" | "highContrast";
-
-export type ContrastModeContextType = {
-  contrastMode: ContrastMode;
-  parentBackgroundColor: string;
-};
-
-const ContrastModeContext = createContext<ContrastModeContextType>({
-  contrastMode: "highContrast",
-  parentBackgroundColor: "",
-});
-
-export const useContrastContext = () => useContext(ContrastModeContext);
-
-const hexToRgb = (hex: string): string => {
-  const bigint = parseInt(hex.slice(1), 16);
-  const r = (bigint >> 16) & 255;
-  const g = (bigint >> 8) & 255;
-  const b = bigint & 255;
-  return `rgb(${r}, ${g}, ${b})`;
-};
-
-export const useParentBackgroundColor = (ref: React.RefObject<HTMLElement>) => {
-  const [backgroundColor, setBackgroundColor] = useState("");
-
-  const hueNeutral50Rgb = useMemo(() => hexToRgb(Tokens.HueNeutral50), []);
-
-  useLayoutEffect(() => {
-    if (ref.current) {
-      let element: HTMLElement | null = ref.current;
-      while (element) {
-        const bgColor = window.getComputedStyle(element).backgroundColor;
-
-        if (bgColor !== "rgba(0, 0, 0, 0)" && bgColor !== "transparent") {
-          if (bgColor === hueNeutral50Rgb) {
-            setBackgroundColor(Tokens.HueNeutral50);
-          } else {
-            setBackgroundColor(bgColor);
-          }
-          break;
-        }
-        element = element.parentElement;
-      }
-    }
-  }, [ref, hueNeutral50Rgb]);
-
-  return backgroundColor;
-};
-
-type ContrastModeProviderProps = {
-  children: ReactNode;
-  contrastMode?: ContrastMode;
-};
-
-export const ContrastModeProvider = ({
-  children,
-  contrastMode: explicitContrastMode,
-}: ContrastModeProviderProps) => {
-  const ref = useRef<HTMLDivElement>(null);
-  const parentBackgroundColor = useParentBackgroundColor(ref);
-  const [contrastMode, setContrastMode] =
-    useState<ContrastMode>("highContrast");
-
-  useLayoutEffect(() => {
-    if (explicitContrastMode) {
-      setContrastMode(explicitContrastMode);
-    } else {
-      const isLowContrast = parentBackgroundColor === Tokens.HueNeutral50;
-      setContrastMode(isLowContrast ? "lowContrast" : "highContrast");
-    }
-  }, [parentBackgroundColor, explicitContrastMode]);
-
-  const contextValue = useMemo<ContrastModeContextType>(
-    () => ({
-      contrastMode,
-      parentBackgroundColor,
-    }),
-    [contrastMode, parentBackgroundColor],
-  );
-
-  const existingTheme = useTheme();
-  const theme = useMemo(
-    () =>
-      createTheme({
-        ...existingTheme,
-        odysseyContrastMode: contrastMode,
-      }),
-    [existingTheme, contrastMode],
-  );
-
-  return (
-    <div ref={ref}>
-      <ContrastModeContext.Provider value={contextValue}>
-        <ThemeProvider theme={theme}>{children}</ThemeProvider>
-      </ContrastModeContext.Provider>
-    </div>
-  );
-};