@okta/odyssey-react-mui 0.18.0 → 0.19.0

package/CHANGELOG.md

@@ -3,6 +3,70 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.0](https://github.com/okta/odyssey/compare/v0.16.1...v0.19.0) (2023-02-09)
+
+### ⚠ BREAKING CHANGES
+
+- **odyssey-react-mui:** remove `kbd` variant from Typography component
+
+### Features
+
+- abstract Radio and RadioGroup ([6b34afa](https://github.com/okta/odyssey/commit/6b34afaa83ce0043731ff8d111d3114fabd9ecf7))
+- add DatePicker styles to Labs ([#1672](https://github.com/okta/odyssey/issues/1672)) ([f8d8b5e](https://github.com/okta/odyssey/commit/f8d8b5e4f8d30f8bce346e4dca47f88c8350a26b))
+- add name and defaultValue attributes ([1eb7608](https://github.com/okta/odyssey/commit/1eb76081f528ebf3d529d667593d105f2c4d266d))
+- add TextInput ([fa5a033](https://github.com/okta/odyssey/commit/fa5a03309263a1239c1902c86eef04d5ba4c4774))
+- added customTheme property to OdysseyThemeProvider ([4207c4b](https://github.com/okta/odyssey/commit/4207c4b0079bd19f637d5ad83c8c8d188598cdf1))
+- added Emotion CacheProvider as part of ThemeProvider ([4c00a59](https://github.com/okta/odyssey/commit/4c00a591f8e1c237eec74758d4d8a13fd7a5499a))
+- added forwardRef to Link ([5598ff8](https://github.com/okta/odyssey/commit/5598ff872a2bd9cf2e3e3a9898ddbbbe9c05ce38))
+- added optional nonce prop to OdysseyCacheProvider ([f264b50](https://github.com/okta/odyssey/commit/f264b50d5c737fcaa672eadb4d3302acfd136582))
+- added styles for DatePicker theming ([db967ba](https://github.com/okta/odyssey/commit/db967bad7fe836d8f5877f6ffe5a601f78ff47ec))
+- **odyssey-react-mui:** add 'alert' to available Banner roles ([bf6f645](https://github.com/okta/odyssey/commit/bf6f6455e9271c070daa84d9668851906aa16ef4))
+- **odyssey-react-mui:** add check icon to selected list items ([dbe5777](https://github.com/okta/odyssey/commit/dbe577783a3506d6ebb46047437936c242b69303))
+- **odyssey-react-mui:** add element styles to ScopedCssBaseline ([d2831b0](https://github.com/okta/odyssey/commit/d2831b0a8ad0a9063aea85ceaff69dcfea16314b))
+- **odyssey-react-mui:** add status theme to Chip ([82c9c28](https://github.com/okta/odyssey/commit/82c9c284c016b63e96ddbe3b3c82822b9c7f5857))
+- **odyssey-react-mui:** add theme for ListSubheader ([b27c79a](https://github.com/okta/odyssey/commit/b27c79a91eda15a802520bc07ba0a9025b30d63c))
+- **odyssey-react-mui:** add theme for multiselect ([ce8fbdb](https://github.com/okta/odyssey/commit/ce8fbdb33218b6064556800ad0a9a60a06c617b1))
+- **odyssey-react-mui:** add theme for Tag/Chip ([8539c6d](https://github.com/okta/odyssey/commit/8539c6d3aa3a29fcef0984bc611ccab9a4b524af))
+- **odyssey-react-mui:** export ScopedCssBaseline for use ([5a98aaa](https://github.com/okta/odyssey/commit/5a98aaacf4142f84b2e03dc13b03d4435790e014))
+- **odyssey-react-mui:** increase default icon size to 16px; add ui type variant ([6577c33](https://github.com/okta/odyssey/commit/6577c331c29a5bfc53b41ebd269cf69366e2825c))
+- **odyssey-react-mui:** make rem-base themeable, add element styles to ScopedCssBaseline ([ebafd5c](https://github.com/okta/odyssey/commit/ebafd5cb13afae7c8bf365782264c248b8345960))
+- **odyssey-react-mui:** theme Select and refactor InputBase styles to support Select ([0538fb1](https://github.com/okta/odyssey/commit/0538fb1f77f79f2fca1635001163c11d6dfbd7f7))
+- **odyssey-react-mui:** wrap and export Infobox ([4b0f283](https://github.com/okta/odyssey/commit/4b0f283e47fa553c2d72e3b85ee76102aa327709))
+- **odyssey-react-mui:** wrap and export Status component ([55ac9c9](https://github.com/okta/odyssey/commit/55ac9c9e9b204e4262c8a7a39b60b48627baae30))
+- re-exported MUI List components as Odyssey MUI components ([9a78122](https://github.com/okta/odyssey/commit/9a781222830fb3003ce935cbacedf5a0b62a1cec))
+- replace the previous TextField ([e01ce2a](https://github.com/okta/odyssey/commit/e01ce2ae315bafce886179135e05c0cd11b52430))
+- updated a bunch of packages to the latest version ([36ce1d0](https://github.com/okta/odyssey/commit/36ce1d09a621f273878345c20cfc782059c04cd2))
+- updated Radio and fixed types on TextField and Banner ([9cfa050](https://github.com/okta/odyssey/commit/9cfa05093fa59923085bcac18908065457a018f4))
+- wrap banner and add stories ([0ccfbd0](https://github.com/okta/odyssey/commit/0ccfbd0ef845c1f598c5409d37e5fb9a83d94f47))
+
+### Bug Fixes
+
+- add Status import to index ([d16b6df](https://github.com/okta/odyssey/commit/d16b6df831dd22accbc58450595a642b2330c42d))
+- added missing export for OdysseyThemeProvider and OdysseyCacheProvider ([3273f35](https://github.com/okta/odyssey/commit/3273f3537856a2b71161888ab291c5663bc2dbcb))
+- adjusted boolean prop names in Radio ([25eb5d1](https://github.com/okta/odyssey/commit/25eb5d1686526355c2b1ae4b83f23c80c5c72951))
+- adjusted boolean prop names in RadioGroup ([135a8ec](https://github.com/okta/odyssey/commit/135a8ec09a25b849eb413b93548dca1683480b1e))
+- another potential Lerna build order fix ([b4eb393](https://github.com/okta/odyssey/commit/b4eb39322204682e0b33dd76a7901370de754020))
+- ensure aria-describedby only show when needed ([a75a290](https://github.com/okta/odyssey/commit/a75a29038164875c1a56329669ac95159ba689f2))
+- fixed a number of logistical issues ([48a95e1](https://github.com/okta/odyssey/commit/48a95e1bf963632186b083eaa461a1ec3b2ac7c8))
+- forwardRef in Link ([d1429af](https://github.com/okta/odyssey/commit/d1429afe1dde8608e2587abc2be99e7601650dc5))
+- minor type updates in unique ID hooks ([01df5b2](https://github.com/okta/odyssey/commit/01df5b2d7a19ed9862d27e1ca423d2ea29ad17c6))
+- **odyssey-react-mui:** fix floating and small Button properties, fix Toast layout ([e98d36b](https://github.com/okta/odyssey/commit/e98d36b57509a99ccd0f2290aee56322a0d155b8))
+- **odyssey-react-mui:** make figcaption styles a fallback ([a4a232a](https://github.com/okta/odyssey/commit/a4a232a99964f683df9a913ec003b8c81219eed3))
+- **odyssey-react-mui:** make Link a11y-compliant in all cases ([baf01c0](https://github.com/okta/odyssey/commit/baf01c0d6650b83a4b5db3e5bf7fad863d4a25f6))
+- **odyssey-react-mui:** override MuiBackdrop colors correctly ([972a2c3](https://github.com/okta/odyssey/commit/972a2c3090fd6f4827adfc14390d5798dec2ab50))
+- **odyssey-react-mui:** provide safety dec for input box-shadow ([9562e74](https://github.com/okta/odyssey/commit/9562e7482b69b005b7d48f2694890a3b5277693c))
+- **odyssey-react-mui:** size and align icons correctly within Button ([7787bf0](https://github.com/okta/odyssey/commit/7787bf0d03da093dc4a94955e57240c9b11e7762))
+- onClose prop type ([4c2052f](https://github.com/okta/odyssey/commit/4c2052f7d3f449dafdac892b2e1bbeb8cb7ceacc))
+- remove vestigial AlertProps import ([af7883b](https://github.com/okta/odyssey/commit/af7883b3c54257e5deeeca6db6ff9e62580c9694))
+- renamed inType to inputType ([dd67213](https://github.com/okta/odyssey/commit/dd67213a3ed6ce81dc322402b14886ecf5e53f88))
+- split OdysseyThemeProvider and OdysseyCacheProvider ([16a6ce3](https://github.com/okta/odyssey/commit/16a6ce3672a634e3450545ffe8c41a70db1b7fb3))
+- textAlign logical value in FormHelperText for RTL support ([19208d5](https://github.com/okta/odyssey/commit/19208d5aed4677d9198f56cd2da0598913e4b5e1))
+- update physical CSS properties (_-left, _-right) to use logical CSS counterpart for RTL support ([08ac38c](https://github.com/okta/odyssey/commit/08ac38c303d01de7a8c5b9ea2600a0bfec3acb5e))
+- update type of onClose for lintert ([6983d7d](https://github.com/okta/odyssey/commit/6983d7d5aad1864593579a3e9d9df6c2c5f1b137))
+- updated per PR comments ([e436890](https://github.com/okta/odyssey/commit/e436890a1eaedffc5ba382b88f1e6271fad4861b))
+- updated prop names ([1a73aa8](https://github.com/okta/odyssey/commit/1a73aa8aa1197e47795cda7b54382deb9ed56628))
+- upgraded MUI icons ([c978ab6](https://github.com/okta/odyssey/commit/c978ab66375f649a9b66544dbc490cc0442cff2c))
+
 ## [0.18.0](https://github.com/okta/odyssey/compare/v0.16.1...v0.18.0) (2023-02-02)
 
 ### ⚠ BREAKING CHANGES

package/dist/Banner.d.ts

@@ -15,13 +15,13 @@ export interface BannerProps {
     /**
      * Determine the color and icon of the alert
      */
-    severity?: AlertColor;
+    severity: AlertColor;
     /**
      * Sets the ARIA role of the alert
-     * ("status" for something that dynamically updates, null for something
+     * ("status" for something that dynamically updates, "alert" for errors, null for something
      * unchanging)
      */
-    role?: "status";
+    role?: "status" | "alert";
     /**
      * The text content of the alert
      */

package/dist/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAoBD,QAAA,MAAM,cAAc,8FAXjB,WAAW,iBAWqB,CAAC;AAEpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAoBD,QAAA,MAAM,cAAc,8FAXjB,WAAW,iBAWqB,CAAC;AAEpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/Banner.js

@@ -17,10 +17,10 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 const Banner = _ref => {
   let {
     onClose,
-    severity = "info",
+    severity,
     role,
     linkUrl,
-    linkText = "Learn more",
+    linkText,
     text
   } = _ref;
   return _jsxs(Alert, {

package/dist/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["memo","Alert","Link","Banner","onClose","severity","role","linkUrl","linkText","text","MemoizedBanner"],"sources":["../src/Banner.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, AlertProps } from \"@mui/material\";\nimport { memo } from \"react\";\nimport { Alert, Link } from \"./\";\n\nexport interface BannerProps {\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, null for something\n   * unchanging)\n   */\n  role?: \"status\";\n  /**\n   * The text content of the alert\n   */\n  text: string;\n  /**\n   * The function that's fired when the user clicks the close button. If undefined,\n   * the close button will not be shown.\n   */\n  onClose?: AlertProps[\"onClose\"];\n  /**\n   * If defined, the alert will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n}\n\nconst Banner = ({\n  onClose,\n  severity = \"info\",\n  role,\n  linkUrl,\n  linkText = \"Learn more\",\n  text,\n}: BannerProps) => (\n  <Alert onClose={onClose} role={role} severity={severity} variant=\"banner\">\n    {text}\n    {linkUrl && (\n      <Link href={linkUrl} variant=\"monochrome\">\n        {linkText}\n      </Link>\n    )}\n  </Alert>\n);\n\nconst MemoizedBanner = memo(Banner);\n\nexport { MemoizedBanner as Banner };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAT,QAAqB,OAArB;SACSC,K,EAAOC,I;;;;AAkChB,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,OADc;IAEdC,QAAQ,GAAG,MAFG;IAGdC,IAHc;IAIdC,OAJc;IAKdC,QAAQ,GAAG,YALG;IAMdC;EANc,CAAD;EAAA,OAQb,MAAC,KAAD;IAAO,OAAO,EAAEL,OAAhB;IAAyB,IAAI,EAAEE,IAA/B;IAAqC,QAAQ,EAAED,QAA/C;IAAyD,OAAO,EAAC,QAAjE;IAAA,WACGI,IADH,EAEGF,OAAO,IACN,KAAC,IAAD;MAAM,IAAI,EAAEA,OAAZ;MAAqB,OAAO,EAAC,YAA7B;MAAA,UACGC;IADH,EAHJ;EAAA,EARa;AAAA,CAAf;;AAkBA,MAAME,cAAc,GAAGV,IAAI,CAACG,MAAD,CAA3B;AAEA,SAASO,cAAc,IAAIP,MAA3B"}
+{"version":3,"file":"Banner.js","names":["memo","Alert","Link","Banner","onClose","severity","role","linkUrl","linkText","text","MemoizedBanner"],"sources":["../src/Banner.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, AlertProps } from \"@mui/material\";\nimport { memo } from \"react\";\nimport { Alert, Link } from \"./\";\n\nexport interface BannerProps {\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 text content of the alert\n   */\n  text: string;\n  /**\n   * The function that's fired when the user clicks the close button. If undefined,\n   * the close button will not be shown.\n   */\n  onClose?: AlertProps[\"onClose\"];\n  /**\n   * If defined, the alert will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n}\n\nconst Banner = ({\n  onClose,\n  severity,\n  role,\n  linkUrl,\n  linkText,\n  text,\n}: BannerProps) => (\n  <Alert onClose={onClose} role={role} severity={severity} variant=\"banner\">\n    {text}\n    {linkUrl && (\n      <Link href={linkUrl} variant=\"monochrome\">\n        {linkText}\n      </Link>\n    )}\n  </Alert>\n);\n\nconst MemoizedBanner = memo(Banner);\n\nexport { MemoizedBanner as Banner };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAT,QAAqB,OAArB;SACSC,K,EAAOC,I;;;;AAkChB,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,OADc;IAEdC,QAFc;IAGdC,IAHc;IAIdC,OAJc;IAKdC,QALc;IAMdC;EANc,CAAD;EAAA,OAQb,MAAC,KAAD;IAAO,OAAO,EAAEL,OAAhB;IAAyB,IAAI,EAAEE,IAA/B;IAAqC,QAAQ,EAAED,QAA/C;IAAyD,OAAO,EAAC,QAAjE;IAAA,WACGI,IADH,EAEGF,OAAO,IACN,KAAC,IAAD;MAAM,IAAI,EAAEA,OAAZ;MAAqB,OAAO,EAAC,YAA7B;MAAA,UACGC;IADH,EAHJ;EAAA,EARa;AAAA,CAAf;;AAkBA,MAAME,cAAc,GAAGV,IAAI,CAACG,MAAD,CAA3B;AAEA,SAASO,cAAc,IAAIP,MAA3B"}

package/dist/Infobox.d.ts

@@ -0,0 +1,36 @@
+/*!
+ * 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 { AlertColor } from "@mui/material";
+import { ReactNode } from "react";
+export interface InfoboxProps {
+    /**
+     * The contents of the alert
+     */
+    children: ReactNode;
+    /**
+     * Determine the color and icon of the alert
+     */
+    severity: AlertColor;
+    /**
+     * Sets the ARIA role of the alert
+     * ("status" for something that dynamically updates, "alert" for errors, null for something
+     * unchanging)
+     */
+    role?: "status" | "alert";
+    /**
+     * The title of the alert
+     */
+    title?: string;
+}
+declare const MemoizedInfobox: import("react").MemoExoticComponent<({ children, severity, role, title }: InfoboxProps) => JSX.Element>;
+export { MemoizedInfobox as Infobox };
+//# sourceMappingURL=Infobox.d.ts.map

package/dist/Infobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Infobox.d.ts","sourceRoot":"","sources":["../src/Infobox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD,QAAA,MAAM,eAAe,4EAPiC,YAAY,iBAO7B,CAAC;AAEtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}

package/dist/Infobox.js

@@ -0,0 +1,36 @@
+/*!
+ * 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 { Alert, AlertTitle } from "./index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const Infobox = _ref => {
+  let {
+    children,
+    severity,
+    role,
+    title
+  } = _ref;
+  return _jsxs(Alert, {
+    role: role,
+    severity: severity,
+    variant: "infobox",
+    children: [title && _jsx(AlertTitle, {
+      children: title
+    }), children]
+  });
+};
+
+const MemoizedInfobox = memo(Infobox);
+export { MemoizedInfobox as Infobox };
+//# sourceMappingURL=Infobox.js.map

package/dist/Infobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Infobox.js","names":["memo","Alert","AlertTitle","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 } 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    {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;;;;AAuBhB,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,WACGE,KAAK,IAAI,KAAC,UAAD;MAAA,UAAaA;IAAb,EADZ,EAEGH,QAFH;EAAA,EADc;AAAA,CAAhB;;AAOA,MAAMI,eAAe,GAAGR,IAAI,CAACG,OAAD,CAA5B;AAEA,SAASK,eAAe,IAAIL,OAA5B"}

package/dist/Link.d.ts

@@ -14,5 +14,5 @@ import type { LinkProps as MuiLinkProps } from "@mui/material";
 export interface LinkProps extends MuiLinkProps {
     icon?: ReactElement;
 }
-export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "className" | "style" | "classes" | "children" | "color" | "fontSize" | "sx" | "p" | "slot" | "title" | "height" | "id" | "lang" | "media" | "target" | "type" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "href" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "download" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "align" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "underline" | "icon" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "className" | "style" | "classes" | "children" | "color" | "fontSize" | "sx" | "p" | "slot" | "title" | "height" | "id" | "lang" | "media" | "target" | "type" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "href" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "download" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "align" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "underline" | "icon" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses"> & import("react").RefAttributes<HTMLAnchorElement>>;
 //# sourceMappingURL=Link.d.ts.map

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export * from "./Banner";
 export * from "./createUniqueId";
 export * from "./Icon";
 export * from "./iconDictionary";
+export * from "./Infobox";
 export * from "./Link";
 export * from "./OdysseyCacheProvider";
 export * from "./OdysseyThemeProvider";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,KAAK,EACL,UAAU,EACV,GAAG,EACH,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,SAAS,EACT,UAAU,EACV,cAAc,EACd,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,cAAc,EACd,aAAa,IAAI,gBAAgB,EACjC,OAAO,EACP,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzD,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,KAAK,EACL,UAAU,EACV,GAAG,EACH,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,SAAS,EACT,UAAU,EACV,cAAc,EACd,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,cAAc,EACd,aAAa,IAAI,gBAAgB,EACjC,OAAO,EACP,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzD,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -17,6 +17,7 @@ export * from "./Banner.js";
 export * from "./createUniqueId.js";
 export * from "./Icon.js";
 export * from "./iconDictionary/index.js";
+export * from "./Infobox.js";
 export * from "./Link.js";
 export * from "./OdysseyCacheProvider.js";
 export * from "./OdysseyThemeProvider.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Alert","AlertTitle","Box","Button","Checkbox","Chip","CircularProgress","CssBaseline","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","FormControl","FormControlLabel","FormGroup","FormHelperText","FormLabel","IconButton","InputAdornment","InputBase","InputLabel","List","ListItem","ListItemIcon","ListItemText","ListSubheader","MenuItem","ScopedCssBaseline","Select","Snackbar","Stack","SvgIcon","Tab","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","TableSortLabel","ThemeProvider","MuiThemeProvider","Tooltip","Typography","useTheme","TabContext","TabList","TabPanel","default","FavoriteIcon","visuallyHidden"],"sources":["../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Checkbox,\n  Chip,\n  CircularProgress,\n  CssBaseline,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormHelperText,\n  FormLabel,\n  IconButton,\n  InputAdornment,\n  InputBase,\n  InputLabel,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  ListSubheader,\n  MenuItem,\n  ScopedCssBaseline,\n  Select,\n  Snackbar,\n  Stack,\n  SvgIcon,\n  Tab,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  ThemeProvider as MuiThemeProvider,\n  Tooltip,\n  Typography,\n  useTheme,\n} from \"@mui/material\";\n\nexport type {\n  AlertProps,\n  AlertTitleProps,\n  BoxProps,\n  ButtonProps,\n  CheckboxProps,\n  ChipProps,\n  CircularProgressProps,\n  CssBaselineProps,\n  DialogProps,\n  DialogActionsProps,\n  DialogContentProps,\n  DialogContentTextProps,\n  DialogTitleProps,\n  FormControlLabelProps,\n  FormControlProps,\n  FormGroupProps,\n  FormHelperTextProps,\n  FormLabelProps,\n  IconButtonProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  InputLabelProps,\n  ListProps,\n  ListItemProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuItemProps,\n  ScopedCssBaselineProps,\n  SelectChangeEvent,\n  SelectProps,\n  SnackbarProps,\n  StackProps,\n  SvgIconProps,\n  TabProps,\n  TableBodyProps,\n  TableCellProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableProps,\n  TableRowProps,\n  TableSortLabelProps,\n  ThemeOptions,\n  TooltipProps,\n  TypographyProps,\n  useThemeProps,\n} from \"@mui/material\";\n\nexport { TabContext, TabList, TabPanel } from \"@mui/lab\";\n\nexport type { TabContextProps, TabListProps, TabPanelProps } from \"@mui/lab\";\n\nexport { default as FavoriteIcon } from \"@mui/icons-material/Favorite\";\n\nexport { visuallyHidden } from \"@mui/utils\";\n\nexport * from \"./Banner\";\nexport * from \"./createUniqueId\";\nexport * from \"./Icon\";\nexport * from \"./iconDictionary\";\nexport * from \"./Link\";\nexport * from \"./OdysseyCacheProvider\";\nexport * from \"./OdysseyThemeProvider\";\nexport * from \"./PasswordInput\";\nexport * from \"./Radio\";\nexport * from \"./RadioGroup\";\nexport * from \"./Status\";\nexport * from \"./TextField\";\nexport * from \"./theme\";\nexport * from \"./ThemeProvider\";\nexport * from \"./useUniqueId\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SACEA,KADF,EAEEC,UAFF,EAGEC,GAHF,EAIEC,MAJF,EAKEC,QALF,EAMEC,IANF,EAOEC,gBAPF,EAQEC,WARF,EASEC,MATF,EAUEC,aAVF,EAWEC,aAXF,EAYEC,iBAZF,EAaEC,WAbF,EAcEC,WAdF,EAeEC,gBAfF,EAgBEC,SAhBF,EAiBEC,cAjBF,EAkBEC,SAlBF,EAmBEC,UAnBF,EAoBEC,cApBF,EAqBEC,SArBF,EAsBEC,UAtBF,EAuBEC,IAvBF,EAwBEC,QAxBF,EAyBEC,YAzBF,EA0BEC,YA1BF,EA2BEC,aA3BF,EA4BEC,QA5BF,EA6BEC,iBA7BF,EA8BEC,MA9BF,EA+BEC,QA/BF,EAgCEC,KAhCF,EAiCEC,OAjCF,EAkCEC,GAlCF,EAmCEC,KAnCF,EAoCEC,SApCF,EAqCEC,SArCF,EAsCEC,cAtCF,EAuCEC,SAvCF,EAwCEC,QAxCF,EAyCEC,cAzCF,EA0CEC,aAAa,IAAIC,gBA1CnB,EA2CEC,OA3CF,EA4CEC,UA5CF,EA6CEC,QA7CF,QA8CO,eA9CP;AAiGA,SAASC,UAAT,EAAqBC,OAArB,EAA8BC,QAA9B,QAA8C,UAA9C;AAIA,SAASC,OAAO,IAAIC,YAApB,QAAwC,8BAAxC;AAEA,SAASC,cAAT,QAA+B,YAA/B"}
+{"version":3,"file":"index.js","names":["Alert","AlertTitle","Box","Button","Checkbox","Chip","CircularProgress","CssBaseline","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","FormControl","FormControlLabel","FormGroup","FormHelperText","FormLabel","IconButton","InputAdornment","InputBase","InputLabel","List","ListItem","ListItemIcon","ListItemText","ListSubheader","MenuItem","ScopedCssBaseline","Select","Snackbar","Stack","SvgIcon","Tab","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","TableSortLabel","ThemeProvider","MuiThemeProvider","Tooltip","Typography","useTheme","TabContext","TabList","TabPanel","default","FavoriteIcon","visuallyHidden"],"sources":["../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Checkbox,\n  Chip,\n  CircularProgress,\n  CssBaseline,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormHelperText,\n  FormLabel,\n  IconButton,\n  InputAdornment,\n  InputBase,\n  InputLabel,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  ListSubheader,\n  MenuItem,\n  ScopedCssBaseline,\n  Select,\n  Snackbar,\n  Stack,\n  SvgIcon,\n  Tab,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  ThemeProvider as MuiThemeProvider,\n  Tooltip,\n  Typography,\n  useTheme,\n} from \"@mui/material\";\n\nexport type {\n  AlertProps,\n  AlertTitleProps,\n  BoxProps,\n  ButtonProps,\n  CheckboxProps,\n  ChipProps,\n  CircularProgressProps,\n  CssBaselineProps,\n  DialogProps,\n  DialogActionsProps,\n  DialogContentProps,\n  DialogContentTextProps,\n  DialogTitleProps,\n  FormControlLabelProps,\n  FormControlProps,\n  FormGroupProps,\n  FormHelperTextProps,\n  FormLabelProps,\n  IconButtonProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  InputLabelProps,\n  ListProps,\n  ListItemProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuItemProps,\n  ScopedCssBaselineProps,\n  SelectChangeEvent,\n  SelectProps,\n  SnackbarProps,\n  StackProps,\n  SvgIconProps,\n  TabProps,\n  TableBodyProps,\n  TableCellProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableProps,\n  TableRowProps,\n  TableSortLabelProps,\n  ThemeOptions,\n  TooltipProps,\n  TypographyProps,\n  useThemeProps,\n} from \"@mui/material\";\n\nexport { TabContext, TabList, TabPanel } from \"@mui/lab\";\n\nexport type { TabContextProps, TabListProps, TabPanelProps } from \"@mui/lab\";\n\nexport { default as FavoriteIcon } from \"@mui/icons-material/Favorite\";\n\nexport { visuallyHidden } from \"@mui/utils\";\n\nexport * from \"./Banner\";\nexport * from \"./createUniqueId\";\nexport * from \"./Icon\";\nexport * from \"./iconDictionary\";\nexport * from \"./Infobox\";\nexport * from \"./Link\";\nexport * from \"./OdysseyCacheProvider\";\nexport * from \"./OdysseyThemeProvider\";\nexport * from \"./PasswordInput\";\nexport * from \"./Radio\";\nexport * from \"./RadioGroup\";\nexport * from \"./Status\";\nexport * from \"./TextField\";\nexport * from \"./theme\";\nexport * from \"./ThemeProvider\";\nexport * from \"./useUniqueId\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SACEA,KADF,EAEEC,UAFF,EAGEC,GAHF,EAIEC,MAJF,EAKEC,QALF,EAMEC,IANF,EAOEC,gBAPF,EAQEC,WARF,EASEC,MATF,EAUEC,aAVF,EAWEC,aAXF,EAYEC,iBAZF,EAaEC,WAbF,EAcEC,WAdF,EAeEC,gBAfF,EAgBEC,SAhBF,EAiBEC,cAjBF,EAkBEC,SAlBF,EAmBEC,UAnBF,EAoBEC,cApBF,EAqBEC,SArBF,EAsBEC,UAtBF,EAuBEC,IAvBF,EAwBEC,QAxBF,EAyBEC,YAzBF,EA0BEC,YA1BF,EA2BEC,aA3BF,EA4BEC,QA5BF,EA6BEC,iBA7BF,EA8BEC,MA9BF,EA+BEC,QA/BF,EAgCEC,KAhCF,EAiCEC,OAjCF,EAkCEC,GAlCF,EAmCEC,KAnCF,EAoCEC,SApCF,EAqCEC,SArCF,EAsCEC,cAtCF,EAuCEC,SAvCF,EAwCEC,QAxCF,EAyCEC,cAzCF,EA0CEC,aAAa,IAAIC,gBA1CnB,EA2CEC,OA3CF,EA4CEC,UA5CF,EA6CEC,QA7CF,QA8CO,eA9CP;AAiGA,SAASC,UAAT,EAAqBC,OAArB,EAA8BC,QAA9B,QAA8C,UAA9C;AAIA,SAASC,OAAO,IAAIC,YAApB,QAAwC,8BAAxC;AAEA,SAASC,cAAT,QAA+B,YAA/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-react-mui",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "React MUI components for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",
@@ -24,7 +24,7 @@
     "@mui/lab": "^5.0.0-alpha.117",
     "@mui/material": "^5.11.6",
     "@mui/utils": "^5.11.2",
-    "@okta/odyssey-design-tokens": "0.18.0"
+    "@okta/odyssey-design-tokens": "0.19.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11",
@@ -32,5 +32,5 @@
     "react": ">=17 <19",
     "react-dom": ">=17 <19"
   },
-  "gitHead": "83ced7625d94ed499ed408a382d151f96ecac238"
+  "gitHead": "550e93798127b91b008c362a4aee145854381bfd"
 }

package/src/Banner.tsx

@@ -18,13 +18,13 @@ export interface BannerProps {
   /**
    * Determine the color and icon of the alert
    */
-  severity?: AlertColor;
+  severity: AlertColor;
   /**
    * Sets the ARIA role of the alert
-   * ("status" for something that dynamically updates, null for something
+   * ("status" for something that dynamically updates, "alert" for errors, null for something
    * unchanging)
    */
-  role?: "status";
+  role?: "status" | "alert";
   /**
    * The text content of the alert
    */
@@ -48,10 +48,10 @@ export interface BannerProps {
 
 const Banner = ({
   onClose,
-  severity = "info",
+  severity,
   role,
   linkUrl,
-  linkText = "Learn more",
+  linkText,
   text,
 }: BannerProps) => (
   <Alert onClose={onClose} role={role} severity={severity} variant="banner">

package/src/Infobox.tsx

@@ -0,0 +1,47 @@
+/*!
+ * 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 { AlertColor } from "@mui/material";
+import { memo, ReactNode } from "react";
+import { Alert, AlertTitle } from ".";
+
+export interface InfoboxProps {
+  /**
+   * The contents of the alert
+   */
+  children: ReactNode;
+  /**
+   * Determine the color and icon of the alert
+   */
+  severity: AlertColor;
+  /**
+   * Sets the ARIA role of the alert
+   * ("status" for something that dynamically updates, "alert" for errors, null for something
+   * unchanging)
+   */
+  role?: "status" | "alert";
+  /**
+   * The title of the alert
+   */
+  title?: string;
+}
+
+const Infobox = ({ children, severity, role, title }: InfoboxProps) => (
+  <Alert role={role} severity={severity} variant="infobox">
+    {title && <AlertTitle>{title}</AlertTitle>}
+    {children}
+  </Alert>
+);
+
+const MemoizedInfobox = memo(Infobox);
+
+export { MemoizedInfobox as Infobox };

package/src/index.ts

@@ -119,6 +119,7 @@ export * from "./Banner";
 export * from "./createUniqueId";
 export * from "./Icon";
 export * from "./iconDictionary";
+export * from "./Infobox";
 export * from "./Link";
 export * from "./OdysseyCacheProvider";
 export * from "./OdysseyThemeProvider";

package/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "@okta/odyssey-typescript/tsconfig.react.json",
   "compilerOptions": {
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "jsxImportSource": "@emotion/react"
   }
 }