@okta/odyssey-react-mui 0.22.0 → 0.24.0

package/dist/Infobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Infobox.js","names":["memo","Alert","AlertTitle","ScreenReaderText","Infobox","children","severity","role","title","MemoizedInfobox"],"sources":["../src/Infobox.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 { AlertColor } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\nimport { Alert, AlertTitle, ScreenReaderText } from \".\";\n\nexport interface InfoboxProps {\n  /**\n   * The contents of the alert\n   */\n  children: ReactNode;\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: AlertColor;\n  /**\n   * Sets the ARIA role of the alert\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: \"status\" | \"alert\";\n  /**\n   * The title of the alert\n   */\n  title?: string;\n}\n\nconst Infobox = ({ children, severity, role, title }: InfoboxProps) => (\n  <Alert role={role} severity={severity} variant=\"infobox\">\n    <ScreenReaderText>{severity}: </ScreenReaderText>\n    {title && <AlertTitle>{title}</AlertTitle>}\n    {children}\n  </Alert>\n);\n\nconst MemoizedInfobox = memo(Infobox);\n\nexport { MemoizedInfobox as Infobox };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAT,QAAgC,OAAhC;SACSC,K,EAAOC,U,EAAYC,gB;;;;AAuB5B,MAAMC,OAAO,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC,QAAZ;IAAsBC,IAAtB;IAA4BC;EAA5B,CAAD;EAAA,OACd,MAAC,KAAD;IAAO,IAAI,EAAED,IAAb;IAAmB,QAAQ,EAAED,QAA7B;IAAuC,OAAO,EAAC,SAA/C;IAAA,WACE,MAAC,gBAAD;MAAA,WAAmBA,QAAnB;IAAA,EADF,EAEGE,KAAK,IAAI,KAAC,UAAD;MAAA,UAAaA;IAAb,EAFZ,EAGGH,QAHH;EAAA,EADc;AAAA,CAAhB;;AAQA,MAAMI,eAAe,GAAGT,IAAI,CAACI,OAAD,CAA5B;AAEA,SAASK,eAAe,IAAIL,OAA5B"}
+{"version":3,"file":"Infobox.js","names":["memo","Alert","AlertTitle","ScreenReaderText","useTranslation","jsxs","_jsxs","jsx","_jsx","Infobox","_ref","children","role","severity","title","t","variant","MemoizedInfobox"],"sources":["../src/Infobox.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 { AlertColor } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\nimport { Alert, AlertTitle, ScreenReaderText } from \".\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type InfoboxProps = {\n  /**\n   * The contents of the alert\n   */\n  children: ReactNode;\n  /**\n   * Sets the ARIA role of the alert\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: \"status\" | \"alert\";\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: AlertColor;\n  /**\n   * The title of the alert\n   */\n  title?: string;\n};\n\nconst Infobox = ({ children, role, severity, title }: InfoboxProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert role={role} severity={severity} variant=\"infobox\">\n      <ScreenReaderText>{t(`severity.${severity}`)}: </ScreenReaderText>\n      {title && <AlertTitle>{title}</AlertTitle>}\n      {children}\n    </Alert>\n  );\n};\n\nconst MemoizedInfobox = memo(Infobox);\n\nexport { MemoizedInfobox as Infobox };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,IAAI,QAAmB,OAAO;AAAC,SAC/BC,KAAK,EAAEC,UAAU,EAAEC,gBAAgB;AAC5C,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAuB/C,MAAMC,OAAO,GAAGC,IAAA,IAAuD;EAAA,IAAtD;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAoB,CAAC,GAAAJ,IAAA;EAChE,MAAM;IAAEK;EAAE,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE9B,OACEE,KAAA,CAACL,KAAK;IAACW,IAAI,EAAEA,IAAK;IAACC,QAAQ,EAAEA,QAAS;IAACG,OAAO,EAAC,SAAS;IAAAL,QAAA,GACtDL,KAAA,CAACH,gBAAgB;MAAAQ,QAAA,GAAEI,CAAC,CAAE,YAAWF,QAAS,EAAC,CAAC,EAAC,IAAE;IAAA,CAAkB,CAAC,EACjEC,KAAK,IAAIN,IAAA,CAACN,UAAU;MAAAS,QAAA,EAAEG;IAAK,CAAa,CAAC,EACzCH,QAAQ;EAAA,CACJ,CAAC;AAEZ,CAAC;AAED,MAAMM,eAAe,GAAGjB,IAAI,CAACS,OAAO,CAAC;AAErC,SAASQ,eAAe,IAAIR,OAAO"}

package/dist/Link.js

@@ -1,6 +1,5 @@
 import _Link from "@mui/material/Link";
 import _SvgIcon from "@mui/material/SvgIcon";
-
 /*!
  * 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.")
@@ -12,6 +11,7 @@ import _SvgIcon from "@mui/material/SvgIcon";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -19,10 +19,17 @@ export const Link = forwardRef((props, ref) => {
   const {
     icon,
     children,
-    target
+    target,
+    variant,
+    href,
+    rel
   } = props;
-  return _jsxs(_Link, { ...props,
+  return _jsxs(_Link, {
     ref: ref,
+    variant: variant,
+    target: target,
+    href: href,
+    rel: rel,
     children: [icon && _jsx("span", {
       className: "Link-icon",
       children: icon

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["forwardRef","Link","props","ref","icon","children","target"],"sources":["../src/Link.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 { forwardRef, ReactElement } from \"react\";\n\nimport { Link as MuiLink, SvgIcon } from \"@mui/material\";\nimport type { LinkProps as MuiLinkProps } from \"@mui/material\";\n\nexport interface LinkProps extends MuiLinkProps {\n  icon?: ReactElement;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { icon, children, target } = props;\n  return (\n    <MuiLink {...props} ref={ref}>\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n      {children}\n      {target === \"_blank\" && (\n        <span className=\"Link-indicator\" role=\"presentation\">\n          <SvgIcon viewBox=\"0 0 16 16\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z\"\n              fill=\"currentColor\"\n            />\n          </SvgIcon>\n        </span>\n      )}\n    </MuiLink>\n  );\n});\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,UAAT,QAAyC,OAAzC;;;AASA,OAAO,MAAMC,IAAI,GAAGD,UAAU,CAA+B,CAACE,KAAD,EAAQC,GAAR,KAAgB;EAC3E,MAAM;IAAEC,IAAF;IAAQC,QAAR;IAAkBC;EAAlB,IAA6BJ,KAAnC;EACA,OACE,kBAAaA,KAAb;IAAoB,GAAG,EAAEC,GAAzB;IAAA,WACGC,IAAI,IAAI;MAAM,SAAS,EAAC,WAAhB;MAAA,UAA6BA;IAA7B,EADX,EAEGC,QAFH,EAGGC,MAAM,KAAK,QAAX,IACC;MAAM,SAAS,EAAC,gBAAhB;MAAiC,IAAI,EAAC,cAAtC;MAAA,UACE;QAAS,OAAO,EAAC,WAAjB;QAAA,UACE;UACE,QAAQ,EAAC,SADX;UAEE,QAAQ,EAAC,SAFX;UAGE,CAAC,EAAC,yKAHJ;UAIE,IAAI,EAAC;QAJP;MADF;IADF,EAJJ;EAAA,EADF;AAkBD,CApB6B,CAAvB"}
+{"version":3,"file":"Link.js","names":["forwardRef","jsx","_jsx","jsxs","_jsxs","Link","props","ref","icon","children","target","variant","href","rel","_Link","className","role","_SvgIcon","viewBox","fillRule","clipRule","d","fill"],"sources":["../src/Link.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 { forwardRef, ReactElement } from \"react\";\n\nimport {\n  Link as MuiLink,\n  LinkProps as MuiLinkProps,\n  SvgIcon,\n} from \"@mui/material\";\n\nexport type LinkProps = {\n  children: React.ReactNode;\n  href: string;\n  icon?: ReactElement;\n  rel?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | string;\n  variant?: MuiLinkProps[\"variant\"];\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { icon, children, target, variant, href, rel } = props;\n  return (\n    <MuiLink ref={ref} variant={variant} target={target} href={href} rel={rel}>\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n      {children}\n      {target === \"_blank\" && (\n        <span className=\"Link-indicator\" role=\"presentation\">\n          <SvgIcon viewBox=\"0 0 16 16\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z\"\n              fill=\"currentColor\"\n            />\n          </SvgIcon>\n        </span>\n      )}\n    </MuiLink>\n  );\n});\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAsB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAiBjD,OAAO,MAAMC,IAAI,GAAGL,UAAU,CAA+B,CAACM,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAI,CAAC,GAAGP,KAAK;EAC5D,OACEF,KAAA,CAAAU,KAAA;IAASP,GAAG,EAAEA,GAAI;IAACI,OAAO,EAAEA,OAAQ;IAACD,MAAM,EAAEA,MAAO;IAACE,IAAI,EAAEA,IAAK;IAACC,GAAG,EAAEA,GAAI;IAAAJ,QAAA,GACvED,IAAI,IAAIN,IAAA;MAAMa,SAAS,EAAC,WAAW;MAAAN,QAAA,EAAED;IAAI,CAAO,CAAC,EACjDC,QAAQ,EACRC,MAAM,KAAK,QAAQ,IAClBR,IAAA;MAAMa,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAAP,QAAA,EAClDP,IAAA,CAAAe,QAAA;QAASC,OAAO,EAAC,WAAW;QAAAT,QAAA,EAC1BP,IAAA;UACEiB,QAAQ,EAAC,SAAS;UAClBC,QAAQ,EAAC,SAAS;UAClBC,CAAC,EAAC,yKAAyK;UAC3KC,IAAI,EAAC;QAAc,CACpB;MAAC,CACK;IAAC,CACN,CACP;EAAA,CACM,CAAC;AAEd,CAAC,CAAC"}

package/dist/MenuButton.js

@@ -13,26 +13,23 @@ import { Button, ChevronDownIcon, Menu, useUniqueId } from "./index.js";
 import { memo, useMemo, useState } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const MenuButton = _ref => {
   let {
     buttonLabel = "",
     children,
     buttonEndIcon = _jsx(ChevronDownIcon, {}),
-    buttonVariant = "secondary"
+    buttonVariant = "secondary",
+    id: idOverride
   } = _ref;
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
-
   const handleClick = event => {
     setAnchorEl(event.currentTarget);
   };
-
   const handleClose = () => {
     setAnchorEl(null);
   };
-
-  const uniqueId = useUniqueId();
+  const uniqueId = useUniqueId(idOverride);
   const menuListProps = useMemo(() => ({
     "aria-labelledby": `${uniqueId}-button`
   }), [uniqueId]);
@@ -56,7 +53,6 @@ const MenuButton = _ref => {
     })]
   });
 };
-
 const MemoizedMenuButton = memo(MenuButton);
 export { MemoizedMenuButton as MenuButton };
 //# sourceMappingURL=MenuButton.js.map

package/dist/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":["Button","ChevronDownIcon","Menu","useUniqueId","memo","useMemo","useState","MenuButton","buttonLabel","children","buttonEndIcon","buttonVariant","anchorEl","setAnchorEl","open","Boolean","handleClick","event","currentTarget","handleClose","uniqueId","menuListProps","undefined","MemoizedMenuButton"],"sources":["../src/MenuButton.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 {\n  Button,\n  ButtonProps,\n  ChevronDownIcon,\n  Divider,\n  ListSubheader,\n  Menu,\n  MenuItem,\n  useUniqueId,\n} from \"./\";\nimport { memo, MouseEvent, ReactElement, useMemo, useState } from \"react\";\n\nexport interface MenuButtonProps {\n  /**\n   * The <MenuItem> components within the Menu.\n   */\n  children: Array<\n    ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>\n  >;\n  /**\n   * The end Icon on the trigggering Button\n   */\n  buttonEndIcon?: ReactElement;\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: ButtonProps[\"variant\"];\n}\n\nconst MenuButton = ({\n  buttonLabel = \"\",\n  children,\n  buttonEndIcon = <ChevronDownIcon />,\n  buttonVariant = \"secondary\",\n}: MenuButtonProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const uniqueId = useUniqueId();\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId]\n  );\n\n  return (\n    <div>\n      <Button\n        endIcon={buttonEndIcon}\n        id={`${uniqueId}-button`}\n        aria-controls={open ? `${uniqueId}-menu` : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? \"true\" : undefined}\n        onClick={handleClick}\n        text={buttonLabel}\n        variant={buttonVariant}\n      />\n      <Menu\n        id={`${uniqueId}-menu`}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        MenuListProps={menuListProps}\n      >\n        {children}\n      </Menu>\n    </div>\n  );\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;SAGEA,M,EAEAC,e,EAGAC,I,EAEAC,W;AAEF,SAASC,IAAT,EAAyCC,OAAzC,EAAkDC,QAAlD,QAAkE,OAAlE;;;;AAuBA,MAAMC,UAAU,GAAG,QAKI;EAAA,IALH;IAClBC,WAAW,GAAG,EADI;IAElBC,QAFkB;IAGlBC,aAAa,GAAG,KAAC,eAAD,KAHE;IAIlBC,aAAa,GAAG;EAJE,CAKG;EACrB,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BP,QAAQ,CAAqB,IAArB,CAAxC;EAEA,MAAMQ,IAAI,GAAGC,OAAO,CAACH,QAAD,CAApB;;EAEA,MAAMI,WAAW,GAAIC,KAAD,IAA0C;IAC5DJ,WAAW,CAACI,KAAK,CAACC,aAAP,CAAX;EACD,CAFD;;EAIA,MAAMC,WAAW,GAAG,MAAM;IACxBN,WAAW,CAAC,IAAD,CAAX;EACD,CAFD;;EAIA,MAAMO,QAAQ,GAAGjB,WAAW,EAA5B;EAEA,MAAMkB,aAAa,GAAGhB,OAAO,CAC3B,OAAO;IAAE,mBAAoB,GAAEe,QAAS;EAAjC,CAAP,CAD2B,EAE3B,CAACA,QAAD,CAF2B,CAA7B;EAKA,OACE;IAAA,WACE,KAAC,MAAD;MACE,OAAO,EAAEV,aADX;MAEE,EAAE,EAAG,GAAEU,QAAS,SAFlB;MAGE,iBAAeN,IAAI,GAAI,GAAEM,QAAS,OAAf,GAAwBE,SAH7C;MAIE,iBAAc,MAJhB;MAKE,iBAAeR,IAAI,GAAG,MAAH,GAAYQ,SALjC;MAME,OAAO,EAAEN,WANX;MAOE,IAAI,EAAER,WAPR;MAQE,OAAO,EAAEG;IARX,EADF,EAWE,KAAC,IAAD;MACE,EAAE,EAAG,GAAES,QAAS,OADlB;MAEE,QAAQ,EAAER,QAFZ;MAGE,IAAI,EAAEE,IAHR;MAIE,OAAO,EAAEK,WAJX;MAKE,aAAa,EAAEE,aALjB;MAAA,UAOGZ;IAPH,EAXF;EAAA,EADF;AAuBD,CAhDD;;AAkDA,MAAMc,kBAAkB,GAAGnB,IAAI,CAACG,UAAD,CAA/B;AAEA,SAASgB,kBAAkB,IAAIhB,UAA/B"}
+{"version":3,"file":"MenuButton.js","names":["Button","ChevronDownIcon","Menu","useUniqueId","memo","useMemo","useState","jsx","_jsx","jsxs","_jsxs","MenuButton","_ref","buttonLabel","children","buttonEndIcon","buttonVariant","id","idOverride","anchorEl","setAnchorEl","open","Boolean","handleClick","event","currentTarget","handleClose","uniqueId","menuListProps","endIcon","undefined","onClick","text","variant","onClose","MenuListProps","MemoizedMenuButton"],"sources":["../src/MenuButton.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 {\n  Button,\n  ButtonProps,\n  ChevronDownIcon,\n  Divider,\n  ListSubheader,\n  Menu,\n  MenuItem,\n  useUniqueId,\n} from \"./\";\nimport { memo, MouseEvent, ReactElement, useMemo, useState } from \"react\";\n\nexport type MenuButtonProps = {\n  /**\n   * The <MenuItem> components within the Menu.\n   */\n  children: Array<\n    ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>\n  >;\n  /**\n   * The end Icon on the trigggering Button\n   */\n  buttonEndIcon?: ReactElement;\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: ButtonProps[\"variant\"];\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n};\n\nconst MenuButton = ({\n  buttonLabel = \"\",\n  children,\n  buttonEndIcon = <ChevronDownIcon />,\n  buttonVariant = \"secondary\",\n  id: idOverride,\n}: MenuButtonProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const uniqueId = useUniqueId(idOverride);\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId]\n  );\n\n  return (\n    <div>\n      <Button\n        endIcon={buttonEndIcon}\n        id={`${uniqueId}-button`}\n        aria-controls={open ? `${uniqueId}-menu` : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? \"true\" : undefined}\n        onClick={handleClick}\n        text={buttonLabel}\n        variant={buttonVariant}\n      />\n      <Menu\n        id={`${uniqueId}-menu`}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        MenuListProps={menuListProps}\n      >\n        {children}\n      </Menu>\n    </div>\n  );\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAaEA,MAAM,EAENC,eAAe,EAGfC,IAAI,EAEJC,WAAW;AAEb,SAASC,IAAI,EAA4BC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AA2B1E,MAAMC,UAAU,GAAGC,IAAA,IAMI;EAAA,IANH;IAClBC,WAAW,GAAG,EAAE;IAChBC,QAAQ;IACRC,aAAa,GAAGP,IAAA,CAACP,eAAe,IAAE,CAAC;IACnCe,aAAa,GAAG,WAAW;IAC3BC,EAAE,EAAEC;EACW,CAAC,GAAAN,IAAA;EAChB,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAqB,IAAI,CAAC;EAElE,MAAMe,IAAI,GAAGC,OAAO,CAACH,QAAQ,CAAC;EAE9B,MAAMI,WAAW,GAAIC,KAAoC,IAAK;IAC5DJ,WAAW,CAACI,KAAK,CAACC,aAAa,CAAC;EAClC,CAAC;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBN,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC;EAED,MAAMO,QAAQ,GAAGxB,WAAW,CAACe,UAAU,CAAC;EAExC,MAAMU,aAAa,GAAGvB,OAAO,CAC3B,OAAO;IAAE,iBAAiB,EAAG,GAAEsB,QAAS;EAAS,CAAC,CAAC,EACnD,CAACA,QAAQ,CACX,CAAC;EAED,OACEjB,KAAA;IAAAI,QAAA,GACEN,IAAA,CAACR,MAAM;MACL6B,OAAO,EAAEd,aAAc;MACvBE,EAAE,EAAG,GAAEU,QAAS,SAAS;MACzB,iBAAeN,IAAI,GAAI,GAAEM,QAAS,OAAM,GAAGG,SAAU;MACrD,iBAAc,MAAM;MACpB,iBAAeT,IAAI,GAAG,MAAM,GAAGS,SAAU;MACzCC,OAAO,EAAER,WAAY;MACrBS,IAAI,EAAEnB,WAAY;MAClBoB,OAAO,EAAEjB;IAAc,CACxB,CAAC,EACFR,IAAA,CAACN,IAAI;MACHe,EAAE,EAAG,GAAEU,QAAS,OAAO;MACvBR,QAAQ,EAAEA,QAAS;MACnBE,IAAI,EAAEA,IAAK;MACXa,OAAO,EAAER,WAAY;MACrBS,aAAa,EAAEP,aAAc;MAAAd,QAAA,EAE5BA;IAAQ,CACL,CAAC;EAAA,CACJ,CAAC;AAEV,CAAC;AAED,MAAMsB,kBAAkB,GAAGhC,IAAI,CAACO,UAAU,CAAC;AAE3C,SAASyB,kBAAkB,IAAIzB,UAAU"}

package/dist/MenuItem.js

@@ -1,5 +1,4 @@
 import _MenuItem from "@mui/material/MenuItem";
-
 /*!
  * 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.")
@@ -11,6 +10,7 @@ import _MenuItem from "@mui/material/MenuItem";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo, forwardRef } from "react";
 import { menuItemClasses } from "@mui/material/MenuItem";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -19,12 +19,14 @@ const MenuItem = forwardRef((_ref, ref) => {
     isDestructive,
     ...props
   } = _ref;
-  return _jsx(_MenuItem, { ...props,
+  return _jsx(_MenuItem, {
+    ...props,
     ref: ref,
     className: isDestructive ? `${menuItemClasses.root}-destructive` : undefined,
     children: props.children
   });
 });
 const MemoizedMenuItem = memo(MenuItem);
+MemoizedMenuItem.displayName = "MenuItem";
 export { MemoizedMenuItem as MenuItem };
 //# sourceMappingURL=MenuItem.js.map

package/dist/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["memo","forwardRef","menuItemClasses","MenuItem","ref","isDestructive","props","root","undefined","children","MemoizedMenuItem"],"sources":["../src/MenuItem.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 { memo, forwardRef } from \"react\";\nimport { MenuItem as MuiMenuItem } from \"@mui/material\";\nimport { menuItemClasses } from \"@mui/material/MenuItem\";\nimport type { MenuItemProps as MuiMenuItemProps } from \"@mui/material\";\n\nexport interface MenuItemProps\n  extends Omit<\n    MuiMenuItemProps,\n    | \"component\"\n    | \"dense\"\n    | \"disableGutters\"\n    | \"divider\"\n    | \"focusVisibleClassName\"\n  > {\n  /**\n   * Toggles whether or not the MenuItem represents a destructive action.\n   */\n  isDestructive?: boolean;\n}\n\nconst MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n  ({ isDestructive, ...props }, ref) => (\n    <MuiMenuItem\n      {...props}\n      ref={ref}\n      className={\n        isDestructive ? `${menuItemClasses.root}-destructive` : undefined\n      }\n    >\n      {props.children}\n    </MuiMenuItem>\n  )\n);\n\nconst MemoizedMenuItem = memo(MenuItem);\n\nexport { MemoizedMenuItem as MenuItem };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,EAAeC,UAAf,QAAiC,OAAjC;AAEA,SAASC,eAAT,QAAgC,wBAAhC;;AAkBA,MAAMC,QAAQ,GAAGF,UAAU,CACzB,OAA8BG,GAA9B;EAAA,IAAC;IAAEC,aAAF;IAAiB,GAAGC;EAApB,CAAD;EAAA,OACE,qBACMA,KADN;IAEE,GAAG,EAAEF,GAFP;IAGE,SAAS,EACPC,aAAa,GAAI,GAAEH,eAAe,CAACK,IAAK,cAA3B,GAA2CC,SAJ5D;IAAA,UAOGF,KAAK,CAACG;EAPT,EADF;AAAA,CADyB,CAA3B;AAcA,MAAMC,gBAAgB,GAAGV,IAAI,CAACG,QAAD,CAA7B;AAEA,SAASO,gBAAgB,IAAIP,QAA7B"}
+{"version":3,"file":"MenuItem.js","names":["memo","forwardRef","menuItemClasses","jsx","_jsx","MenuItem","_ref","ref","isDestructive","props","_MenuItem","className","root","undefined","children","MemoizedMenuItem","displayName"],"sources":["../src/MenuItem.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 { memo, forwardRef } from \"react\";\nimport { MenuItem as MuiMenuItem } from \"@mui/material\";\nimport { menuItemClasses } from \"@mui/material/MenuItem\";\nimport type { MenuItemProps as MuiMenuItemProps } from \"@mui/material\";\n\nexport interface MenuItemProps\n  extends Omit<\n    MuiMenuItemProps,\n    | \"component\"\n    | \"dense\"\n    | \"disableGutters\"\n    | \"divider\"\n    | \"focusVisibleClassName\"\n  > {\n  /**\n   * Toggles whether or not the MenuItem represents a destructive action.\n   */\n  isDestructive?: boolean;\n}\n\nconst MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n  ({ isDestructive, ...props }, ref) => (\n    <MuiMenuItem\n      {...props}\n      ref={ref}\n      className={\n        isDestructive ? `${menuItemClasses.root}-destructive` : undefined\n      }\n    >\n      {props.children}\n    </MuiMenuItem>\n  )\n);\n\nconst MemoizedMenuItem = memo(MenuItem);\nMemoizedMenuItem.displayName = \"MenuItem\";\n\nexport { MemoizedMenuItem as MenuItem };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAExC,SAASC,eAAe,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBzD,MAAMC,QAAQ,GAAGJ,UAAU,CACzB,CAAAK,IAAA,EAA8BC,GAAG;EAAA,IAAhC;IAAEC,aAAa;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EAAA,OAC1BF,IAAA,CAAAM,SAAA;IAAA,GACMD,KAAK;IACTF,GAAG,EAAEA,GAAI;IACTI,SAAS,EACPH,aAAa,GAAI,GAAEN,eAAe,CAACU,IAAK,cAAa,GAAGC,SACzD;IAAAC,QAAA,EAEAL,KAAK,CAACK;EAAQ,CACJ,CAAC;AAAA,CAElB,CAAC;AAED,MAAMC,gBAAgB,GAAGf,IAAI,CAACK,QAAQ,CAAC;AACvCU,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIV,QAAQ"}

package/dist/MuiPropsChild.js

@@ -0,0 +1,32 @@
+/*!
+ * 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 { forwardRef, memo, useMemo } from "react";
+import { MuiPropsContext } from "./MuiPropsContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MuiPropsChild = forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...muiProps
+  } = _ref;
+  const providerValue = useMemo(() => ({
+    ...muiProps,
+    ref
+  }), [muiProps, ref]);
+  return _jsx(MuiPropsContext.Provider, {
+    value: providerValue,
+    children: children
+  });
+});
+const MemoizedMuiPropsChild = memo(MuiPropsChild);
+export { MemoizedMuiPropsChild as MuiPropsChild };
+//# sourceMappingURL=MuiPropsChild.js.map

package/dist/MuiPropsChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsChild.js","names":["forwardRef","memo","useMemo","MuiPropsContext","jsx","_jsx","MuiPropsChild","_ref","ref","children","muiProps","providerValue","Provider","value","MemoizedMuiPropsChild"],"sources":["../src/MuiPropsChild.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 { forwardRef, memo, ReactNode, useMemo } from \"react\";\n\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext\";\n\nexport type MuiPropsChildProps = {\n  children: ReactNode;\n};\n\nconst MuiPropsChild = forwardRef<HTMLElement, MuiPropsChildProps>(\n  ({ children, ...muiProps }, ref) => {\n    const providerValue = useMemo<MuiPropsContextType>(\n      () => ({\n        ...muiProps,\n        ref,\n      }),\n      [muiProps, ref]\n    );\n\n    return (\n      <MuiPropsContext.Provider value={providerValue}>\n        {children}\n      </MuiPropsContext.Provider>\n    );\n  }\n);\n\nconst MemoizedMuiPropsChild = memo(MuiPropsChild);\n\nexport { MemoizedMuiPropsChild as MuiPropsChild };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAAC,SAEpDC,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMxB,MAAMC,aAAa,GAAGN,UAAU,CAC9B,CAAAO,IAAA,EAA4BC,GAAG,KAAK;EAAA,IAAnC;IAAEC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAAH,IAAA;EACxB,MAAMI,aAAa,GAAGT,OAAO,CAC3B,OAAO;IACL,GAAGQ,QAAQ;IACXF;EACF,CAAC,CAAC,EACF,CAACE,QAAQ,EAAEF,GAAG,CAChB,CAAC;EAED,OACEH,IAAA,CAACF,eAAe,CAACS,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAF,QAAA,EAC5CA;EAAQ,CACe,CAAC;AAE/B,CACF,CAAC;AAED,MAAMK,qBAAqB,GAAGb,IAAI,CAACK,aAAa,CAAC;AAEjD,SAASQ,qBAAqB,IAAIR,aAAa"}

package/dist/MuiPropsContext.js

@@ -0,0 +1,15 @@
+/*!
+ * 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 { createContext } from "react";
+export const MuiPropsContext = createContext({});
+//# sourceMappingURL=MuiPropsContext.js.map

package/dist/MuiPropsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsContext.js","names":["createContext","MuiPropsContext"],"sources":["../src/MuiPropsContext.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 { createContext } from \"react\";\n\nexport type MuiPropsContextType = Record<string, unknown>;\n\nexport const MuiPropsContext = createContext<MuiPropsContextType>({});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,OAAO;AAIrC,OAAO,MAAMC,eAAe,GAAGD,aAAa,CAAsB,CAAC,CAAC,CAAC"}

package/dist/NativeSelect.js

@@ -0,0 +1,61 @@
+import _Select from "@mui/material/Select";
+/*!
+ * 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 { forwardRef, memo, useCallback } from "react";
+import { Field } from "./Field.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const NativeSelect = forwardRef((_ref, ref) => {
+  let {
+    defaultValue,
+    errorMessage,
+    hint,
+    id: idOverride,
+    isDisabled = false,
+    isMultiSelect = false,
+    isOptional = false,
+    label,
+    onBlur,
+    onChange,
+    onFocus,
+    value,
+    children
+  } = _ref;
+  const renderFieldComponent = useCallback(() => _jsx(_Select, {
+    defaultValue: defaultValue,
+    id: idOverride,
+    name: idOverride,
+    multiple: isMultiSelect,
+    native: true,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    ref: ref,
+    value: value,
+    children: children
+  }), [defaultValue, idOverride, isMultiSelect, onBlur, onChange, onFocus, ref, children, value]);
+  return _jsx(Field, {
+    errorMessage: errorMessage,
+    fieldType: "single",
+    hasVisibleLabel: true,
+    hint: hint,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isOptional: isOptional,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+});
+const MemoizedNativeSelect = memo(NativeSelect);
+MemoizedNativeSelect.displayName = "NativeSelect";
+export { MemoizedNativeSelect as NativeSelect };
+//# sourceMappingURL=NativeSelect.js.map

package/dist/NativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.js","names":["forwardRef","memo","useCallback","Field","jsx","_jsx","NativeSelect","_ref","ref","defaultValue","errorMessage","hint","id","idOverride","isDisabled","isMultiSelect","isOptional","label","onBlur","onChange","onFocus","value","children","renderFieldComponent","_Select","name","multiple","native","fieldType","hasVisibleLabel","MemoizedNativeSelect","displayName"],"sources":["../src/NativeSelect.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 { ReactElement, forwardRef, memo, useCallback } from \"react\";\nimport { Select as MuiSelect } from \"@mui/material\";\nimport { SelectProps as MuiSelectProps } from \"@mui/material\";\nimport { Field } from \"./Field\";\n\nexport type NativeSelectOption = {\n  text: string;\n  value?: string;\n  type?: \"heading\" | \"option\";\n};\n\nexport type NativeSelectProps = {\n  children?: ReactElement<\"option\"> | ReactElement<\"optgroup\">;\n  defaultValue?: string;\n  errorMessage?: string;\n  hint?: string;\n  id?: string;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isOptional?: boolean;\n  label: string;\n  onBlur?: MuiSelectProps[\"onBlur\"];\n  onChange?: MuiSelectProps[\"onChange\"];\n  onFocus?: MuiSelectProps[\"onFocus\"];\n  value?: string | string[];\n};\n\nconst NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n  (\n    {\n      defaultValue,\n      errorMessage,\n      hint,\n      id: idOverride,\n      isDisabled = false,\n      isMultiSelect = false,\n      isOptional = false,\n      label,\n      onBlur,\n      onChange,\n      onFocus,\n      value,\n      children,\n    },\n    ref\n  ) => {\n    const renderFieldComponent = useCallback(\n      () => (\n        <MuiSelect\n          defaultValue={defaultValue}\n          id={idOverride}\n          name={idOverride}\n          multiple={isMultiSelect}\n          native={true}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          ref={ref}\n          value={value}\n          children={children}\n        />\n      ),\n      [\n        defaultValue,\n        idOverride,\n        isMultiSelect,\n        onBlur,\n        onChange,\n        onFocus,\n        ref,\n        children,\n        value,\n      ]\n    );\n\n    return (\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  }\n);\n\nconst MemoizedNativeSelect = memo(NativeSelect);\nMemoizedNativeSelect.displayName = \"NativeSelect\";\n\nexport { MemoizedNativeSelect as NativeSelect };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAuBA,UAAU,EAAEC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAAC,SAG3DC,KAAK;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwBd,MAAMC,YAAY,GAAGN,UAAU,CAC7B,CAAAO,IAAA,EAgBEC,GAAG,KACA;EAAA,IAhBH;IACEC,YAAY;IACZC,YAAY;IACZC,IAAI;IACJC,EAAE,EAAEC,UAAU;IACdC,UAAU,GAAG,KAAK;IAClBC,aAAa,GAAG,KAAK;IACrBC,UAAU,GAAG,KAAK;IAClBC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC;EACF,CAAC,GAAAf,IAAA;EAGD,MAAMgB,oBAAoB,GAAGrB,WAAW,CACtC,MACEG,IAAA,CAAAmB,OAAA;IACEf,YAAY,EAAEA,YAAa;IAC3BG,EAAE,EAAEC,UAAW;IACfY,IAAI,EAAEZ,UAAW;IACjBa,QAAQ,EAAEX,aAAc;IACxBY,MAAM,EAAE,IAAK;IACbT,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBZ,GAAG,EAAEA,GAAI;IACTa,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;EAAS,CACpB,CACF,EACD,CACEb,YAAY,EACZI,UAAU,EACVE,aAAa,EACbG,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPZ,GAAG,EACHc,QAAQ,EACRD,KAAK,CAET,CAAC;EAED,OACEhB,IAAA,CAACF,KAAK;IACJO,YAAY,EAAEA,YAAa;IAC3BkB,SAAS,EAAC,QAAQ;IAClBC,eAAe;IACflB,IAAI,EAAEA,IAAK;IACXC,EAAE,EAAEC,UAAW;IACfC,UAAU,EAAEA,UAAW;IACvBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbM,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CACF,CAAC;AAED,MAAMO,oBAAoB,GAAG7B,IAAI,CAACK,YAAY,CAAC;AAC/CwB,oBAAoB,CAACC,WAAW,GAAG,cAAc;AAEjD,SAASD,oBAAoB,IAAIxB,YAAY"}

package/dist/OdysseyCacheProvider.js

@@ -9,12 +9,12 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import createCache from "@emotion/cache";
 import { CacheProvider } from "@emotion/react";
 import { memo, useMemo } from "react";
 import { useUniqueAlphabeticalId } from "./useUniqueAlphabeticalId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const OdysseyCacheProvider = _ref => {
   let {
     children,
@@ -30,7 +30,6 @@ const OdysseyCacheProvider = _ref => {
     children: children
   });
 };
-
 const MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);
 export { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };
 //# sourceMappingURL=OdysseyCacheProvider.js.map

package/dist/OdysseyCacheProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyCacheProvider.js","names":["createCache","CacheProvider","memo","useMemo","useUniqueAlphabeticalId","OdysseyCacheProvider","children","nonce","uniqueAlphabeticalId","emotionCache","key","window","cspNonce","MemoizedOdysseyCacheProvider"],"sources":["../src/OdysseyCacheProvider.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\ndeclare global {\n  interface Window {\n    cspNonce: string;\n  }\n}\n\nimport createCache from \"@emotion/cache\";\nimport { CacheProvider } from \"@emotion/react\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { useUniqueAlphabeticalId } from \"./useUniqueAlphabeticalId\";\n\nconst OdysseyCacheProvider = ({\n  children,\n  nonce,\n}: {\n  children: ReactElement;\n  nonce?: string;\n}) => {\n  const uniqueAlphabeticalId = useUniqueAlphabeticalId();\n\n  const emotionCache = useMemo(\n    () =>\n      createCache({\n        key: uniqueAlphabeticalId,\n        nonce: nonce || window.cspNonce,\n      }),\n    [nonce, uniqueAlphabeticalId]\n  );\n\n  return <CacheProvider value={emotionCache}>{children}</CacheProvider>;\n};\n\nconst MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);\n\nexport { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA,OAAOA,WAAP,MAAwB,gBAAxB;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,IAAT,EAA6BC,OAA7B,QAA4C,OAA5C;SAESC,uB;;;AAET,MAAMC,oBAAoB,GAAG,QAMvB;EAAA,IANwB;IAC5BC,QAD4B;IAE5BC;EAF4B,CAMxB;EACJ,MAAMC,oBAAoB,GAAGJ,uBAAuB,EAApD;EAEA,MAAMK,YAAY,GAAGN,OAAO,CAC1B,MACEH,WAAW,CAAC;IACVU,GAAG,EAAEF,oBADK;IAEVD,KAAK,EAAEA,KAAK,IAAII,MAAM,CAACC;EAFb,CAAD,CAFa,EAM1B,CAACL,KAAD,EAAQC,oBAAR,CAN0B,CAA5B;EASA,OAAO,KAAC,aAAD;IAAe,KAAK,EAAEC,YAAtB;IAAA,UAAqCH;EAArC,EAAP;AACD,CAnBD;;AAqBA,MAAMO,4BAA4B,GAAGX,IAAI,CAACG,oBAAD,CAAzC;AAEA,SAASQ,4BAA4B,IAAIR,oBAAzC"}
+{"version":3,"file":"OdysseyCacheProvider.js","names":["createCache","CacheProvider","memo","useMemo","useUniqueAlphabeticalId","jsx","_jsx","OdysseyCacheProvider","_ref","children","nonce","uniqueAlphabeticalId","emotionCache","key","window","cspNonce","value","MemoizedOdysseyCacheProvider"],"sources":["../src/OdysseyCacheProvider.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\ndeclare global {\n  interface Window {\n    cspNonce: string;\n  }\n}\n\nimport createCache from \"@emotion/cache\";\nimport { CacheProvider } from \"@emotion/react\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { useUniqueAlphabeticalId } from \"./useUniqueAlphabeticalId\";\n\nconst OdysseyCacheProvider = ({\n  children,\n  nonce,\n}: {\n  children: ReactElement;\n  nonce?: string;\n}) => {\n  const uniqueAlphabeticalId = useUniqueAlphabeticalId();\n\n  const emotionCache = useMemo(\n    () =>\n      createCache({\n        key: uniqueAlphabeticalId,\n        nonce: nonce || window.cspNonce,\n      }),\n    [nonce, uniqueAlphabeticalId]\n  );\n\n  return <CacheProvider value={emotionCache}>{children}</CacheProvider>;\n};\n\nconst MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);\n\nexport { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,OAAOA,WAAW,MAAM,gBAAgB;AACxC,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAE3CC,uBAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEhC,MAAMC,oBAAoB,GAAGC,IAAA,IAMvB;EAAA,IANwB;IAC5BC,QAAQ;IACRC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAMG,oBAAoB,GAAGP,uBAAuB,CAAC,CAAC;EAEtD,MAAMQ,YAAY,GAAGT,OAAO,CAC1B,MACEH,WAAW,CAAC;IACVa,GAAG,EAAEF,oBAAoB;IACzBD,KAAK,EAAEA,KAAK,IAAII,MAAM,CAACC;EACzB,CAAC,CAAC,EACJ,CAACL,KAAK,EAAEC,oBAAoB,CAC9B,CAAC;EAED,OAAOL,IAAA,CAACL,aAAa;IAACe,KAAK,EAAEJ,YAAa;IAAAH,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,MAAMQ,4BAA4B,GAAGf,IAAI,CAACK,oBAAoB,CAAC;AAE/D,SAASU,4BAA4B,IAAIV,oBAAoB"}

package/dist/OdysseyI18n.js

@@ -0,0 +1,93 @@
+/*!
+ * 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 i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import { translation as cs } from "./properties/ts/odyssey-react-mui_cs.js";
+import { translation as da } from "./properties/ts/odyssey-react-mui_da.js";
+import { translation as de } from "./properties/ts/odyssey-react-mui_de.js";
+import { translation as el } from "./properties/ts/odyssey-react-mui_el.js";
+import { translation as en } from "./properties/ts/odyssey-react-mui.js";
+import { translation as es } from "./properties/ts/odyssey-react-mui_es.js";
+import { translation as fi } from "./properties/ts/odyssey-react-mui_fi.js";
+import { translation as fr } from "./properties/ts/odyssey-react-mui_fr.js";
+import { translation as hu } from "./properties/ts/odyssey-react-mui_hu.js";
+import { translation as id } from "./properties/ts/odyssey-react-mui_id.js";
+import { translation as it } from "./properties/ts/odyssey-react-mui_it.js";
+import { translation as ja } from "./properties/ts/odyssey-react-mui_ja.js";
+import { translation as ko } from "./properties/ts/odyssey-react-mui_ko.js";
+import { translation as ms } from "./properties/ts/odyssey-react-mui_ms.js";
+import { translation as nb } from "./properties/ts/odyssey-react-mui_nb.js";
+import { translation as nlNL } from "./properties/ts/odyssey-react-mui_nl-NL.js";
+import { translation as pl } from "./properties/ts/odyssey-react-mui_pl.js";
+import { translation as ptBR } from "./properties/ts/odyssey-react-mui_pt-BR.js";
+import { translation as ro } from "./properties/ts/odyssey-react-mui_ro.js";
+import { translation as ru } from "./properties/ts/odyssey-react-mui_ru.js";
+import { translation as sv } from "./properties/ts/odyssey-react-mui_sv.js";
+import { translation as th } from "./properties/ts/odyssey-react-mui_th.js";
+import { translation as tr } from "./properties/ts/odyssey-react-mui_tr.js";
+import { translation as uk } from "./properties/ts/odyssey-react-mui_uk.js";
+import { translation as zhCN } from "./properties/ts/odyssey-react-mui_zh-CN.js";
+import { translation as znTW } from "./properties/ts/odyssey-react-mui_zh-TW.js";
+import { supportedLanguages } from "./OdysseyTranslationProvider.types.js";
+export const defaultLNG = "en";
+export const defaultNS = "translations";
+export const resources = {
+  cs,
+  da,
+  de,
+  el,
+  en,
+  es,
+  fi,
+  fr,
+  hu,
+  id,
+  it,
+  ja,
+  ko,
+  ms,
+  nb,
+  "nl-NL": nlNL,
+  pl,
+  "pt-BR": ptBR,
+  ro,
+  ru,
+  sv,
+  th,
+  tr,
+  uk,
+  "zh-CN": zhCN,
+  "zh-TW": znTW
+};
+i18n.use(initReactI18next).init({
+  defaultNS,
+  ns: [defaultNS],
+  fallbackLng: defaultLNG,
+  supportedLngs: supportedLanguages,
+  load: "currentOnly",
+  keySeparator: false,
+  interpolation: {
+    escapeValue: false,
+    skipOnVariables: false
+  },
+  react: {
+    useSuspense: false,
+    bindI18nStore: "added"
+  }
+});
+Object.entries(resources).forEach(_ref => {
+  let [locale, property] = _ref;
+  i18n.addResourceBundle(locale, defaultNS, property);
+});
+export default i18n;
+//# sourceMappingURL=OdysseyI18n.js.map

package/dist/OdysseyI18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyI18n.js","names":["i18n","initReactI18next","translation","cs","da","de","el","en","es","fi","fr","hu","id","it","ja","ko","ms","nb","nlNL","pl","ptBR","ro","ru","sv","th","tr","uk","zhCN","znTW","supportedLanguages","defaultLNG","defaultNS","resources","use","init","ns","fallbackLng","supportedLngs","load","keySeparator","interpolation","escapeValue","skipOnVariables","react","useSuspense","bindI18nStore","Object","entries","forEach","_ref","locale","property","addResourceBundle"],"sources":["../src/OdysseyI18n.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 i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { translation as cs } from \"./properties/ts/odyssey-react-mui_cs\";\nimport { translation as da } from \"./properties/ts/odyssey-react-mui_da\";\nimport { translation as de } from \"./properties/ts/odyssey-react-mui_de\";\nimport { translation as el } from \"./properties/ts/odyssey-react-mui_el\";\nimport { translation as en } from \"./properties/ts/odyssey-react-mui\";\nimport { translation as es } from \"./properties/ts/odyssey-react-mui_es\";\nimport { translation as fi } from \"./properties/ts/odyssey-react-mui_fi\";\nimport { translation as fr } from \"./properties/ts/odyssey-react-mui_fr\";\nimport { translation as hu } from \"./properties/ts/odyssey-react-mui_hu\";\nimport { translation as id } from \"./properties/ts/odyssey-react-mui_id\";\nimport { translation as it } from \"./properties/ts/odyssey-react-mui_it\";\nimport { translation as ja } from \"./properties/ts/odyssey-react-mui_ja\";\nimport { translation as ko } from \"./properties/ts/odyssey-react-mui_ko\";\nimport { translation as ms } from \"./properties/ts/odyssey-react-mui_ms\";\nimport { translation as nb } from \"./properties/ts/odyssey-react-mui_nb\";\nimport { translation as nlNL } from \"./properties/ts/odyssey-react-mui_nl-NL\";\nimport { translation as pl } from \"./properties/ts/odyssey-react-mui_pl\";\nimport { translation as ptBR } from \"./properties/ts/odyssey-react-mui_pt-BR\";\nimport { translation as ro } from \"./properties/ts/odyssey-react-mui_ro\";\nimport { translation as ru } from \"./properties/ts/odyssey-react-mui_ru\";\nimport { translation as sv } from \"./properties/ts/odyssey-react-mui_sv\";\nimport { translation as th } from \"./properties/ts/odyssey-react-mui_th\";\nimport { translation as tr } from \"./properties/ts/odyssey-react-mui_tr\";\nimport { translation as uk } from \"./properties/ts/odyssey-react-mui_uk\";\nimport { translation as zhCN } from \"./properties/ts/odyssey-react-mui_zh-CN\";\nimport { translation as znTW } from \"./properties/ts/odyssey-react-mui_zh-TW\";\n\nimport {\n  SupportedLanguages,\n  supportedLanguages,\n} from \"./OdysseyTranslationProvider.types\";\n\nexport const defaultLNG: SupportedLanguages = \"en\";\nexport const defaultNS = \"translations\";\nexport const resources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  fi,\n  fr,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  \"nl-NL\": nlNL,\n  pl,\n  \"pt-BR\": ptBR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  \"zh-CN\": zhCN,\n  \"zh-TW\": znTW,\n};\n\ni18n.use(initReactI18next).init({\n  defaultNS,\n  ns: [defaultNS],\n  fallbackLng: defaultLNG,\n  supportedLngs: supportedLanguages,\n  load: \"currentOnly\",\n  keySeparator: false,\n  interpolation: {\n    escapeValue: false, // react already safe from xss\n    skipOnVariables: false, // to handle translations that use nesting\n  },\n  react: {\n    useSuspense: false,\n    bindI18nStore: \"added\",\n  },\n});\n\nObject.entries(resources).forEach(([locale, property]) => {\n  i18n.addResourceBundle(locale, defaultNS, property);\n});\n\n// eslint-disable-next-line import/no-default-export\nexport default i18n;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,IAAI,MAAM,SAAS;AAC1B,SAASC,gBAAgB,QAAQ,eAAe;AAAC,SAExCC,WAAW,IAAIC,EAAE;AAAA,SACjBD,WAAW,IAAIE,EAAE;AAAA,SACjBF,WAAW,IAAIG,EAAE;AAAA,SACjBH,WAAW,IAAII,EAAE;AAAA,SACjBJ,WAAW,IAAIK,EAAE;AAAA,SACjBL,WAAW,IAAIM,EAAE;AAAA,SACjBN,WAAW,IAAIO,EAAE;AAAA,SACjBP,WAAW,IAAIQ,EAAE;AAAA,SACjBR,WAAW,IAAIS,EAAE;AAAA,SACjBT,WAAW,IAAIU,EAAE;AAAA,SACjBV,WAAW,IAAIW,EAAE;AAAA,SACjBX,WAAW,IAAIY,EAAE;AAAA,SACjBZ,WAAW,IAAIa,EAAE;AAAA,SACjBb,WAAW,IAAIc,EAAE;AAAA,SACjBd,WAAW,IAAIe,EAAE;AAAA,SACjBf,WAAW,IAAIgB,IAAI;AAAA,SACnBhB,WAAW,IAAIiB,EAAE;AAAA,SACjBjB,WAAW,IAAIkB,IAAI;AAAA,SACnBlB,WAAW,IAAImB,EAAE;AAAA,SACjBnB,WAAW,IAAIoB,EAAE;AAAA,SACjBpB,WAAW,IAAIqB,EAAE;AAAA,SACjBrB,WAAW,IAAIsB,EAAE;AAAA,SACjBtB,WAAW,IAAIuB,EAAE;AAAA,SACjBvB,WAAW,IAAIwB,EAAE;AAAA,SACjBxB,WAAW,IAAIyB,IAAI;AAAA,SACnBzB,WAAW,IAAI0B,IAAI;AAAA,SAI1BC,kBAAkB;AAGpB,OAAO,MAAMC,UAA8B,GAAG,IAAI;AAClD,OAAO,MAAMC,SAAS,GAAG,cAAc;AACvC,OAAO,MAAMC,SAAS,GAAG;EACvB7B,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACF,OAAO,EAAEC,IAAI;EACbC,EAAE;EACF,OAAO,EAAEC,IAAI;EACbC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACF,OAAO,EAAEC,IAAI;EACb,OAAO,EAAEC;AACX,CAAC;AAED5B,IAAI,CAACiC,GAAG,CAAChC,gBAAgB,CAAC,CAACiC,IAAI,CAAC;EAC9BH,SAAS;EACTI,EAAE,EAAE,CAACJ,SAAS,CAAC;EACfK,WAAW,EAAEN,UAAU;EACvBO,aAAa,EAAER,kBAAkB;EACjCS,IAAI,EAAE,aAAa;EACnBC,YAAY,EAAE,KAAK;EACnBC,aAAa,EAAE;IACbC,WAAW,EAAE,KAAK;IAClBC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLC,WAAW,EAAE,KAAK;IAClBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEFC,MAAM,CAACC,OAAO,CAACf,SAAS,CAAC,CAACgB,OAAO,CAACC,IAAA,IAAwB;EAAA,IAAvB,CAACC,MAAM,EAAEC,QAAQ,CAAC,GAAAF,IAAA;EACnDjD,IAAI,CAACoD,iBAAiB,CAACF,MAAM,EAAEnB,SAAS,EAAEoB,QAAQ,CAAC;AACrD,CAAC,CAAC;AAGF,eAAenD,IAAI"}

package/dist/OdysseyProvider.js

@@ -0,0 +1,42 @@
+/*!
+ * 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 { memo } from "react";
+import { OdysseyCacheProvider } from "./OdysseyCacheProvider.js";
+import { OdysseyThemeProvider } from "./OdysseyThemeProvider.js";
+import { OdysseyTranslationProvider } from "./OdysseyTranslationProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const OdysseyProvider = _ref => {
+  let {
+    children,
+    nonce,
+    themeOverride,
+    designTokensOverride,
+    languageCode,
+    translationOverrides
+  } = _ref;
+  return _jsx(OdysseyCacheProvider, {
+    nonce: nonce,
+    children: _jsx(OdysseyThemeProvider, {
+      themeOverride: themeOverride,
+      designTokensOverride: designTokensOverride,
+      children: _jsx(OdysseyTranslationProvider, {
+        languageCode: languageCode,
+        translationOverrides: translationOverrides,
+        children: children
+      })
+    })
+  });
+};
+const MemoizedThemeProvider = memo(OdysseyProvider);
+export { MemoizedThemeProvider as OdysseyProvider };
+//# sourceMappingURL=OdysseyProvider.js.map

package/dist/OdysseyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyProvider.js","names":["memo","OdysseyCacheProvider","OdysseyThemeProvider","OdysseyTranslationProvider","jsx","_jsx","OdysseyProvider","_ref","children","nonce","themeOverride","designTokensOverride","languageCode","translationOverrides","MemoizedThemeProvider"],"sources":["../src/OdysseyProvider.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 { memo, ReactElement } from \"react\";\n\nimport { ThemeOptions } from \".\";\nimport { DesignTokensOverride } from \"../src/theme/index\";\nimport { OdysseyCacheProvider } from \"./OdysseyCacheProvider\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider\";\nimport {\n  OdysseyTranslationProvider,\n  TranslationOverrides,\n} from \"./OdysseyTranslationProvider\";\nimport { SupportedLanguages } from \"./OdysseyTranslationProvider.types\";\n\ntype OdysseyProviderProps = {\n  children: ReactElement;\n  nonce?: string;\n  themeOverride?: ThemeOptions;\n  designTokensOverride?: DesignTokensOverride;\n  languageCode?: SupportedLanguages;\n  translationOverrides?: TranslationOverrides;\n};\n\nconst OdysseyProvider = ({\n  children,\n  nonce,\n  themeOverride,\n  designTokensOverride,\n  languageCode,\n  translationOverrides,\n}: OdysseyProviderProps) => (\n  <OdysseyCacheProvider nonce={nonce}>\n    <OdysseyThemeProvider\n      themeOverride={themeOverride}\n      designTokensOverride={designTokensOverride}\n    >\n      <OdysseyTranslationProvider\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    </OdysseyThemeProvider>\n  </OdysseyCacheProvider>\n);\n\nconst MemoizedThemeProvider = memo(OdysseyProvider);\n\nexport { MemoizedThemeProvider as OdysseyProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAsB,OAAO;AAAC,SAIlCC,oBAAoB;AAAA,SACpBC,oBAAoB;AAAA,SAE3BC,0BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAc5B,MAAMC,eAAe,GAAGC,IAAA;EAAA,IAAC;IACvBC,QAAQ;IACRC,KAAK;IACLC,aAAa;IACbC,oBAAoB;IACpBC,YAAY;IACZC;EACoB,CAAC,GAAAN,IAAA;EAAA,OACrBF,IAAA,CAACJ,oBAAoB;IAACQ,KAAK,EAAEA,KAAM;IAAAD,QAAA,EACjCH,IAAA,CAACH,oBAAoB;MACnBQ,aAAa,EAAEA,aAAc;MAC7BC,oBAAoB,EAAEA,oBAAqB;MAAAH,QAAA,EAE3CH,IAAA,CAACF,0BAA0B;QACzBS,YAAY,EAAEA,YAAa;QAC3BC,oBAAoB,EAAEA,oBAAqB;QAAAL,QAAA,EAE1CA;MAAQ,CACiB;IAAC,CACT;EAAC,CACH,CAAC;AAAA,CACxB;AAED,MAAMM,qBAAqB,GAAGd,IAAI,CAACM,eAAe,CAAC;AAEnD,SAASQ,qBAAqB,IAAIR,eAAe"}

package/dist/OdysseyThemeProvider.js

@@ -9,24 +9,30 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
 import { memo, useMemo } from "react";
 import { createTheme, deepmerge } from "./index.js";
-import { odysseyTheme } from "./theme/index.js";
+import { createOdysseyMuiTheme } from "./theme/index.js";
+import * as Tokens from "@okta/odyssey-design-tokens";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const OdysseyThemeProvider = _ref => {
   let {
     children,
-    themeOverride
+    themeOverride,
+    designTokensOverride
   } = _ref;
-  const customOdysseyTheme = useMemo(() => themeOverride && createTheme(deepmerge(odysseyTheme, themeOverride)), [themeOverride]);
+  const odysseyTokens = {
+    ...Tokens,
+    ...designTokensOverride
+  };
+  const odysseyTheme = createOdysseyMuiTheme(odysseyTokens);
+  const customOdysseyTheme = useMemo(() => themeOverride && createTheme(deepmerge(odysseyTheme, themeOverride)), [odysseyTheme, themeOverride]);
   return _jsx(MuiThemeProvider, {
     theme: customOdysseyTheme ?? odysseyTheme,
     children: children
   });
 };
-
 const MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);
 export { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };
 //# sourceMappingURL=OdysseyThemeProvider.js.map

package/dist/OdysseyThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyThemeProvider.js","names":["ThemeProvider","MuiThemeProvider","memo","useMemo","createTheme","deepmerge","odysseyTheme","OdysseyThemeProvider","children","themeOverride","customOdysseyTheme","MemoizedOdysseyThemeProvider"],"sources":["../src/OdysseyThemeProvider.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 { ThemeProvider as MuiThemeProvider } from \"@mui/material/styles\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { createTheme, deepmerge, ThemeOptions } from \".\";\nimport { odysseyTheme } from \"./theme\";\n\nconst OdysseyThemeProvider = ({\n  children,\n  themeOverride,\n}: {\n  children: ReactElement;\n  themeOverride?: ThemeOptions;\n}) => {\n  const customOdysseyTheme = useMemo(\n    () => themeOverride && createTheme(deepmerge(odysseyTheme, themeOverride)),\n    [themeOverride]\n  );\n\n  return (\n    <MuiThemeProvider theme={customOdysseyTheme ?? odysseyTheme}>\n      {children}\n    </MuiThemeProvider>\n  );\n};\n\nconst MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,aAAa,IAAIC,gBAA1B,QAAkD,sBAAlD;AACA,SAASC,IAAT,EAA6BC,OAA7B,QAA4C,OAA5C;SAESC,W,EAAaC,S;SACbC,Y;;;AAET,MAAMC,oBAAoB,GAAG,QAMvB;EAAA,IANwB;IAC5BC,QAD4B;IAE5BC;EAF4B,CAMxB;EACJ,MAAMC,kBAAkB,GAAGP,OAAO,CAChC,MAAMM,aAAa,IAAIL,WAAW,CAACC,SAAS,CAACC,YAAD,EAAeG,aAAf,CAAV,CADF,EAEhC,CAACA,aAAD,CAFgC,CAAlC;EAKA,OACE,KAAC,gBAAD;IAAkB,KAAK,EAAEC,kBAAkB,IAAIJ,YAA/C;IAAA,UACGE;EADH,EADF;AAKD,CAjBD;;AAmBA,MAAMG,4BAA4B,GAAGT,IAAI,CAACK,oBAAD,CAAzC;AAEA,SAASI,4BAA4B,IAAIJ,oBAAzC"}
+{"version":3,"file":"OdysseyThemeProvider.js","names":["ThemeProvider","MuiThemeProvider","memo","useMemo","createTheme","deepmerge","createOdysseyMuiTheme","Tokens","jsx","_jsx","OdysseyThemeProvider","_ref","children","themeOverride","designTokensOverride","odysseyTokens","odysseyTheme","customOdysseyTheme","theme","MemoizedOdysseyThemeProvider"],"sources":["../src/OdysseyThemeProvider.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 { ThemeProvider as MuiThemeProvider } from \"@mui/material/styles\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { createTheme, deepmerge, ThemeOptions, DesignTokensOverride } from \".\";\nimport { createOdysseyMuiTheme } from \"./theme\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nconst OdysseyThemeProvider = ({\n  children,\n  themeOverride,\n  designTokensOverride,\n}: {\n  children: ReactElement;\n  themeOverride?: ThemeOptions;\n  designTokensOverride?: DesignTokensOverride;\n}) => {\n  const odysseyTokens = { ...Tokens, ...designTokensOverride };\n  const odysseyTheme = createOdysseyMuiTheme(odysseyTokens);\n\n  const customOdysseyTheme = useMemo(\n    () => themeOverride && createTheme(deepmerge(odysseyTheme, themeOverride)),\n    [odysseyTheme, themeOverride]\n  );\n\n  return (\n    <MuiThemeProvider theme={customOdysseyTheme ?? odysseyTheme}>\n      {children}\n    </MuiThemeProvider>\n  );\n};\n\nconst MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,IAAIC,gBAAgB,QAAQ,sBAAsB;AACxE,SAASC,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAE3CC,WAAW,EAAEC,SAAS;AAAA,SACtBC,qBAAqB;AAC9B,OAAO,KAAKC,MAAM,MAAM,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,MAAMC,oBAAoB,GAAGC,IAAA,IAQvB;EAAA,IARwB;IAC5BC,QAAQ;IACRC,aAAa;IACbC;EAKF,CAAC,GAAAH,IAAA;EACC,MAAMI,aAAa,GAAG;IAAE,GAAGR,MAAM;IAAE,GAAGO;EAAqB,CAAC;EAC5D,MAAME,YAAY,GAAGV,qBAAqB,CAACS,aAAa,CAAC;EAEzD,MAAME,kBAAkB,GAAGd,OAAO,CAChC,MAAMU,aAAa,IAAIT,WAAW,CAACC,SAAS,CAACW,YAAY,EAAEH,aAAa,CAAC,CAAC,EAC1E,CAACG,YAAY,EAAEH,aAAa,CAC9B,CAAC;EAED,OACEJ,IAAA,CAACR,gBAAgB;IAACiB,KAAK,EAAED,kBAAkB,IAAID,YAAa;IAAAJ,QAAA,EACzDA;EAAQ,CACO,CAAC;AAEvB,CAAC;AAED,MAAMO,4BAA4B,GAAGjB,IAAI,CAACQ,oBAAoB,CAAC;AAE/D,SAASS,4BAA4B,IAAIT,oBAAoB"}