@okta/odyssey-react-mui 0.24.0 → 1.0.1

package/src/theme/components.types.ts

@@ -18,7 +18,7 @@ declare module "@mui/material/Alert" {
     standard: false;
     // Enable Odyssey variants
     banner: true;
-    infobox: true;
+    callout: true;
     toast: true;
   }
 }
@@ -29,6 +29,7 @@ declare module "@mui/material/Button" {
     primary: true;
     secondary: true;
     danger: true;
+    tertiary: true;
     text: false;
     contained: false;
     outlined: false;
@@ -47,7 +48,8 @@ declare module "@mui/material/Button" {
 declare module "@mui/material/Chip" {
   interface ChipPropsVariantOverrides {
     // Enable Odyssey variant for Status component
-    status: true;
+    lamp: true;
+    pill: true;
   }
 }
 

package/src/theme/index.ts

@@ -10,9 +10,4 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import * as Tokens from "@okta/odyssey-design-tokens";
-
 export * from "./theme";
-export { useTheme } from "./useTheme";
-
-export type DesignTokensOverride = Partial<typeof Tokens>;

package/src/theme/mixins.ts

@@ -11,15 +11,14 @@
  */
 
 import type { ThemeOptions } from "@mui/material";
-import { DesignTokensOverride } from ".";
 
-export const mixins = (
-  odysseyTokens: DesignTokensOverride
-): ThemeOptions["mixins"] => {
+import { DesignTokens } from "./theme";
+
+export const mixins = (odysseyTokens: DesignTokens): ThemeOptions["mixins"] => {
   return {
-    maxWidth: odysseyTokens.FontLineLengthMax,
-    borderRadius: odysseyTokens.BorderRadiusBase,
-    borderStyle: odysseyTokens.BorderStyleBase,
-    borderWidth: odysseyTokens.BorderWidthBase,
+    maxWidth: odysseyTokens.TypographyLineLengthMax,
+    borderRadius: odysseyTokens.BorderRadiusMain,
+    borderStyle: odysseyTokens.BorderStyleMain,
+    borderWidth: odysseyTokens.BorderWidthMain,
   };
 };

package/src/theme/palette.ts

@@ -11,87 +11,85 @@
  */
 
 import type { ThemeOptions } from "@mui/material";
-import { DesignTokensOverride } from ".";
-import * as Tokens from "@okta/odyssey-design-tokens";
+
+import { DesignTokens } from "./theme";
 
 export const palette = (
-  odysseyTokens: DesignTokensOverride
+  odysseyTokens: DesignTokens
 ): ThemeOptions["palette"] => {
   return {
     mode: "light",
     common: {
-      black: odysseyTokens.ColorNeutralDark,
-      white: odysseyTokens.ColorPaletteNeutralWhite,
+      black: odysseyTokens.HueNeutral900,
+      white: odysseyTokens.HueNeutralWhite,
     },
     primary: {
-      lighter: odysseyTokens.ColorPaletteBlue000,
-      light: odysseyTokens.ColorPaletteBlue300,
-      main: odysseyTokens.ColorPaletteBlue500 ?? Tokens.ColorPaletteGreen500,
-      dark: odysseyTokens.ColorPaletteBlue900,
-      contrastText: odysseyTokens.ColorTextBodyInverse,
+      lighter: odysseyTokens.HueBlue50,
+      light: odysseyTokens.HueBlue300,
+      main: odysseyTokens.HueBlue500,
+      dark: odysseyTokens.HueBlue900,
+      contrastText: odysseyTokens.TypographyColorInverse,
     },
     secondary: {
       light: "#80c7ca",
-      main:
-        odysseyTokens.ColorPaletteTurquoise500 ??
-        Tokens.ColorPaletteTurquoise500,
+      main: "#096256",
       dark: "#004650",
-      contrastText: odysseyTokens.ColorTextBodyInverse,
+      contrastText: odysseyTokens.TypographyColorInverse,
     },
     error: {
-      lighter: odysseyTokens.ColorPaletteRed000,
-      light: odysseyTokens.ColorPaletteRed300,
-      main: odysseyTokens.ColorPaletteRed500 ?? Tokens.ColorPaletteRed500,
-      dark: odysseyTokens.ColorPaletteRed900,
-      contrastText: odysseyTokens.ColorTextBodyInverse,
+      lighter: odysseyTokens.HueRed50,
+      light: odysseyTokens.HueRed300,
+      main: odysseyTokens.HueRed500,
+      dark: odysseyTokens.HueRed900,
+      contrastText: odysseyTokens.TypographyColorInverse,
     },
     warning: {
-      lighter: odysseyTokens.ColorPaletteYellow000,
-      light: odysseyTokens.ColorPaletteYellow300,
-      main: odysseyTokens.ColorPaletteYellow500 ?? Tokens.ColorPaletteYellow500,
-      dark: odysseyTokens.ColorPaletteYellow900,
-      contrastText: odysseyTokens.ColorTextBody,
+      lighter: odysseyTokens.HueYellow50,
+      light: odysseyTokens.HueYellow300,
+      main: odysseyTokens.HueYellow500,
+      dark: odysseyTokens.HueYellow900,
+      contrastText: odysseyTokens.TypographyColorBody,
     },
     info: {
-      lighter: odysseyTokens.ColorPaletteBlue000,
-      light: odysseyTokens.ColorPaletteBlue300,
-      main: odysseyTokens.ColorPaletteBlue500 ?? Tokens.ColorPaletteBlue500,
-      dark: odysseyTokens.ColorPaletteBlue900,
-      contrastText: odysseyTokens.ColorTextBodyInverse,
+      lighter: odysseyTokens.HueBlue50,
+      light: odysseyTokens.HueBlue300,
+      main: odysseyTokens.HueBlue500,
+      dark: odysseyTokens.HueBlue900,
+      contrastText: odysseyTokens.TypographyColorInverse,
     },
     success: {
-      lighter: odysseyTokens.ColorPaletteGreen000,
-      light: odysseyTokens.ColorPaletteGreen300,
-      main: odysseyTokens.ColorPaletteGreen500 ?? Tokens.ColorPaletteGreen500,
-      dark: odysseyTokens.ColorPaletteGreen900,
-      contrastText: odysseyTokens.ColorTextBodyInverse,
+      lighter: odysseyTokens.HueGreen50,
+      light: odysseyTokens.HueGreen300,
+      main: odysseyTokens.HueGreen500,
+      dark: odysseyTokens.HueGreen900,
+      contrastText: odysseyTokens.TypographyColorInverse,
     },
     grey: {
-      50: odysseyTokens.ColorPaletteNeutral000,
-      100: odysseyTokens.ColorPaletteNeutral100,
-      200: odysseyTokens.ColorPaletteNeutral200,
-      300: "#c1c1c8",
-      400: "#aaaab4",
-      500: odysseyTokens.ColorPaletteNeutral500,
-      600: odysseyTokens.ColorPaletteNeutral600,
-      700: "#585862",
-      800: "#41414b",
-      900: odysseyTokens.ColorPaletteNeutral900,
+      50: odysseyTokens.HueNeutral50,
+      100: odysseyTokens.HueNeutral100,
+      200: odysseyTokens.HueNeutral200,
+      300: odysseyTokens.HueNeutral300,
+      400: odysseyTokens.HueNeutral400,
+      500: odysseyTokens.HueNeutral500,
+      600: odysseyTokens.HueNeutral600,
+      700: odysseyTokens.HueNeutral700,
+      800: odysseyTokens.HueNeutral800,
+      900: odysseyTokens.HueNeutral900,
       // These are "Accent" colors. MUI's palette matches them to the standard greys.
-      A100: odysseyTokens.ColorPaletteNeutral100,
-      A200: odysseyTokens.ColorPaletteNeutral200,
-      A400: "#aaaab4",
-      A700: "#585862",
+      A100: odysseyTokens.HueNeutral100,
+      A200: odysseyTokens.HueNeutral200,
+      A400: odysseyTokens.HueNeutral400,
+      A700: odysseyTokens.HueNeutral700,
     },
     text: {
-      primary: odysseyTokens.ColorPaletteNeutral900,
-      secondary: odysseyTokens.ColorPaletteNeutral600,
-      disabled: odysseyTokens.ColorPaletteNeutral600,
+      primary: odysseyTokens.HueNeutral900,
+      secondary: odysseyTokens.HueNeutral600,
+      disabled: odysseyTokens.HueNeutral300,
     },
-    divider: odysseyTokens.ColorBorderDisplay,
+    divider: odysseyTokens.BorderColorDisplay,
     background: {
-      paper: odysseyTokens.ColorBackgroundBase,
-      default: odysseyTokens.ColorBackgroundBase,
+      paper: odysseyTokens.HueNeutralWhite,
+      default: odysseyTokens.HueNeutralWhite,
     },
     action: {
       // We have no equivalents here. It's likely we will update these as their uses are discovered.
@@ -100,7 +98,7 @@ export const palette = (
       hoverOpacity: 0.04,
       selected: "rgba(0, 0, 0, 0.08)",
       selectedOpacity: 0.08,
-      disabled: odysseyTokens.ColorPaletteNeutral200,
+      disabled: odysseyTokens.HueNeutral200,
       disabledBackground: "rgba(0, 0, 0, 0.12)",
       disabledOpacity: 0.38,
       focus: "rgba(0, 0, 0, 0.12)",

package/src/theme/shape.ts

@@ -11,16 +11,15 @@
  */
 
 import type { ThemeOptions } from "@mui/material";
-import { DesignTokensOverride } from ".";
 
-export const shape = (
-  odysseyTokens: DesignTokensOverride
-): ThemeOptions["shape"] => {
+import { DesignTokens } from "./theme";
+
+export const shape = (odysseyTokens: DesignTokens): ThemeOptions["shape"] => {
   // Strip units from BorderRadiusBase to accommodate MUI's typing
   const NumericalBorderRadiusBase =
-    typeof odysseyTokens.BorderRadiusBase === "string"
-      ? Number(odysseyTokens.BorderRadiusBase.replace(/(\d+).*/, "$1"))
-      : odysseyTokens.BorderRadiusBase;
+    typeof odysseyTokens.BorderRadiusMain === "string"
+      ? Number(odysseyTokens.BorderRadiusMain.replace(/(\d+).*/, "$1"))
+      : odysseyTokens.BorderRadiusMain;
 
   return {
     borderRadius: NumericalBorderRadiusBase,

package/src/theme/spacing.ts

@@ -11,22 +11,22 @@
  */
 
 import type { ThemeOptions } from "@mui/material";
-import { DesignTokensOverride } from ".";
-import * as Tokens from "@okta/odyssey-design-tokens";
+
+import type { DesignTokens } from "./theme";
 
 export const spacing = (
-  odysseyTokens: DesignTokensOverride
+  odysseyTokens: DesignTokens
 ): ThemeOptions["spacing"] => {
   return [
-    0,
-    odysseyTokens.SpaceScale0 ?? Tokens.SpaceScale0,
-    odysseyTokens.SpaceScale1 ?? Tokens.SpaceScale1,
-    odysseyTokens.SpaceScale2 ?? Tokens.SpaceScale2,
-    odysseyTokens.SpaceScale3 ?? Tokens.SpaceScale3,
-    odysseyTokens.SpaceScale4 ?? Tokens.SpaceScale4,
-    odysseyTokens.SpaceScale5 ?? Tokens.SpaceScale5,
-    odysseyTokens.SpaceScale6 ?? Tokens.SpaceScale6,
-    odysseyTokens.SpaceScale7 ?? Tokens.SpaceScale7,
-    odysseyTokens.SpaceScale8 ?? Tokens.SpaceScale8,
+    odysseyTokens.Spacing0,
+    odysseyTokens.Spacing1,
+    odysseyTokens.Spacing2,
+    odysseyTokens.Spacing3,
+    odysseyTokens.Spacing4,
+    odysseyTokens.Spacing5,
+    odysseyTokens.Spacing6,
+    odysseyTokens.Spacing7,
+    odysseyTokens.Spacing8,
+    odysseyTokens.Spacing9,
   ];
 };

package/src/theme/theme.ts

@@ -11,30 +11,28 @@
  */
 
 import { createTheme } from "@mui/material/styles";
+import * as Tokens from "@okta/odyssey-design-tokens";
 
 import { components } from "./components";
 import { mixins } from "./mixins";
 import { palette } from "./palette";
 import { shape } from "./shape";
 import { spacing } from "./spacing";
-import { temp } from "./temp";
 import { typography } from "./typography";
 import "./components.types";
 import "./mixins.types";
 import "./palette.types";
 import "./typography.types";
-import { DesignTokensOverride } from ".";
 
-export type { OdysseyTheme } from "./OdysseyTheme";
+export type DesignTokens = typeof Tokens;
+export type DesignTokensOverride = Partial<typeof Tokens>;
 
-export const createOdysseyMuiTheme = (odysseyTokens: DesignTokensOverride) => {
-  return createTheme({
-    components,
+export const createOdysseyMuiTheme = (odysseyTokens: DesignTokens) =>
+  createTheme({
+    components: components(odysseyTokens),
     mixins: mixins(odysseyTokens),
     palette: palette(odysseyTokens),
     shape: shape(odysseyTokens),
     spacing: spacing(odysseyTokens),
-    temp,
     typography: typography(odysseyTokens),
   });
-};

package/src/theme/typography.ts

@@ -11,91 +11,124 @@
  */
 
 import type { ThemeOptions } from "@mui/material";
-import { DesignTokensOverride } from ".";
+
+import { DesignTokens } from "./theme";
 
 export const typography = (
-  odysseyTokens: DesignTokensOverride
+  odysseyTokens: DesignTokens
 ): ThemeOptions["typography"] => {
   return {
     htmlFontSize: 16,
-    fontFamily: odysseyTokens.FontFamilyBase,
+    fontFamily: odysseyTokens.TypographyFamilyBody,
     fontSize: 14,
     fontWeightLight: 300,
-    fontWeightRegular: Number(odysseyTokens.FontWeightNormal),
-    fontWeightMedium: 500,
-    fontWeightBold: Number(odysseyTokens.FontWeightBold),
+    fontWeightRegular: Number(odysseyTokens.TypographyWeightBody),
+    fontWeightMedium: Number(odysseyTokens.TypographyWeightHeading),
+    fontWeightBold: Number(odysseyTokens.TypographyWeightHeadingBold),
     allVariants: {
-      fontFamily: odysseyTokens.FontFamilyBase,
       fontFeatureSettings: "'lnum', 'pnum'",
       fontVariant: "normal",
       letterSpacing: 0,
     },
     h1: {
-      fontWeight: Number(odysseyTokens.FontWeightBold),
-      fontSize: odysseyTokens.FontSizeHeading1,
-      lineHeight: odysseyTokens.FontLineHeightHeading1,
-      marginBottom: odysseyTokens.SpaceScale1,
+      fontFamily: odysseyTokens.TypographyFamilyHeading,
+      color: odysseyTokens.TypographyColorHeading,
+      fontWeight: Number(odysseyTokens.TypographyWeightHeading),
+      fontSize: odysseyTokens.TypographySizeHeading1,
+      lineHeight: odysseyTokens.TypographyLineHeightHeading1,
+      marginBottom: odysseyTokens.Spacing2,
     },
     h2: {
-      fontWeight: Number(odysseyTokens.FontWeightBold),
-      fontSize: odysseyTokens.FontSizeHeading2,
-      lineHeight: odysseyTokens.FontLineHeightHeading2,
-      marginBottom: odysseyTokens.SpaceScale1,
+      fontFamily: odysseyTokens.TypographyFamilyHeading,
+      color: odysseyTokens.TypographyColorHeading,
+      fontWeight: Number(odysseyTokens.TypographyWeightHeading),
+      fontSize: odysseyTokens.TypographySizeHeading2,
+      lineHeight: odysseyTokens.TypographyLineHeightHeading2,
+      marginBottom: odysseyTokens.Spacing2,
     },
     h3: {
-      fontWeight: Number(odysseyTokens.FontWeightBold),
-      fontSize: odysseyTokens.FontSizeHeading3,
-      lineHeight: odysseyTokens.FontLineHeightHeading3,
-      marginBottom: odysseyTokens.SpaceScale1,
+      fontFamily: odysseyTokens.TypographyFamilyHeading,
+      color: odysseyTokens.TypographyColorHeading,
+      fontWeight: Number(odysseyTokens.TypographyWeightHeading),
+      fontSize: odysseyTokens.TypographySizeHeading3,
+      lineHeight: odysseyTokens.TypographyLineHeightHeading3,
+      marginBottom: odysseyTokens.Spacing2,
     },
     h4: {
-      fontWeight: Number(odysseyTokens.FontWeightBold),
-      fontSize: odysseyTokens.FontSizeHeading4,
-      lineHeight: odysseyTokens.FontLineHeightHeading4,
-      marginBottom: odysseyTokens.SpaceScale1,
+      fontFamily: odysseyTokens.TypographyFamilyHeading,
+      color: odysseyTokens.TypographyColorHeading,
+      fontWeight: Number(odysseyTokens.TypographyWeightHeading),
+      fontSize: odysseyTokens.TypographySizeHeading4,
+      lineHeight: odysseyTokens.TypographyLineHeightHeading4,
+      marginBottom: odysseyTokens.Spacing2,
     },
     h5: {
-      fontWeight: Number(odysseyTokens.FontWeightBold),
-      fontSize: odysseyTokens.FontSizeHeading5,
-      lineHeight: odysseyTokens.FontLineHeightHeading5,
-      marginBottom: odysseyTokens.SpaceScale1,
+      fontFamily: odysseyTokens.TypographyFamilyHeading,
+      color: odysseyTokens.TypographyColorHeading,
+      fontWeight: Number(odysseyTokens.TypographyWeightHeading),
+      fontSize: odysseyTokens.TypographySizeHeading5,
+      lineHeight: odysseyTokens.TypographyLineHeightHeading5,
+      marginBottom: odysseyTokens.Spacing2,
     },
     h6: {
-      fontWeight: Number(odysseyTokens.FontWeightBold),
-      fontSize: odysseyTokens.FontScale2,
-      lineHeight: odysseyTokens.FontLineHeightHeading6,
-      marginBottom: odysseyTokens.SpaceScale1,
+      fontFamily: odysseyTokens.TypographyFamilyHeading,
+      color: odysseyTokens.TypographyColorHeading,
+      fontWeight: Number(odysseyTokens.TypographyWeightHeading),
+      fontSize: odysseyTokens.TypographySizeHeading6,
+      lineHeight: odysseyTokens.TypographyLineHeightHeading6,
+      marginBottom: odysseyTokens.Spacing2,
     },
     subtitle1: {
-      color: odysseyTokens.ColorPaletteNeutral600,
-      fontWeight: odysseyTokens.FontWeightNormal,
-      fontSize: odysseyTokens.FontScale0,
-      lineHeight: odysseyTokens.FontLineHeightBody,
+      // "caption"
+      color: odysseyTokens.TypographyColorSubordinate,
+      fontWeight: Number(odysseyTokens.TypographyWeightBody),
+      fontSize: odysseyTokens.TypographySizeSubordinate,
+      lineHeight: odysseyTokens.TypographyLineHeightBody,
+    },
+    subtitle2: {
+      // "body.light"
+      color: odysseyTokens.TypographyColorSupport,
+      fontFamily: odysseyTokens.TypographyFamilyBody,
+      fontWeight: Number(odysseyTokens.TypographyWeightBody),
+      fontSize: odysseyTokens.TypographySizeBody,
+      fontFeatureSettings: "'lnum', 'pnum'",
+      fontVariant: "normal",
+      lineHeight: odysseyTokens.TypographyLineHeightBody,
+      letterSpacing: "initial",
+      marginBlockEnd: odysseyTokens.Spacing4,
     },
-    subtitle2: undefined,
     body1: {
-      fontFamily: odysseyTokens.FontFamilyBase,
-      fontWeight: Number(odysseyTokens.FontWeightNormal),
-      fontSize: odysseyTokens.FontScale1,
+      color: odysseyTokens.TypographyColorBody,
+      fontFamily: odysseyTokens.TypographyFamilyBody,
+      fontWeight: Number(odysseyTokens.TypographyWeightBody),
+      fontSize: odysseyTokens.TypographySizeBody,
       fontFeatureSettings: "'lnum', 'pnum'",
       fontVariant: "normal",
-      lineHeight: odysseyTokens.FontLineHeightBody,
+      lineHeight: odysseyTokens.TypographyLineHeightBody,
       letterSpacing: "initial",
     },
     body2: undefined,
     button: undefined,
-    overline: undefined,
+    overline: {
+      fontWeight: Number(odysseyTokens.TypographyWeightHeadingBold),
+      fontFamily: odysseyTokens.TypographyFamilyBody,
+      lineHeight: odysseyTokens.TypographyLineHeightOverline,
+      letterSpacing: "5%",
+      textTransform: "uppercase",
+      fontSize: "0.71428571rem",
+    },
     legend: {
       padding: 0,
-      fontWeight: Number(odysseyTokens.FontWeightBold),
-      fontSize: odysseyTokens.FontScale2,
-      lineHeight: odysseyTokens.FontLineHeightHeading6,
-      marginBottom: odysseyTokens.SpaceScale1,
+      fontFamily: odysseyTokens.TypographyFamilyHeading,
+      fontWeight: Number(odysseyTokens.TypographyWeightHeading),
+      fontSize: odysseyTokens.TypographySizeHeading5,
+      lineHeight: odysseyTokens.TypographyLineHeightHeading5,
+      marginBottom: odysseyTokens.Spacing2,
     },
     ui: {
-      fontWeight: Number(odysseyTokens.FontWeightNormal),
-      fontSize: odysseyTokens.FontScale1,
-      lineHeight: odysseyTokens.FontLineHeightUi,
+      fontWeight: Number(odysseyTokens.TypographyWeightBody),
+      fontSize: odysseyTokens.TypographySizeBody,
+      lineHeight: odysseyTokens.TypographyLineHeightUi,
       letterSpacing: "initial",
     },
   };

package/src/theme/typography.types.ts

@@ -29,9 +29,9 @@ declare module "@mui/material/Typography" {
     body2: false;
     button: false;
     legend: true;
-    overline: false;
+    overline: true;
     subtitle1: true; // Design may refer to this as "caption"
-    subtitle2: false;
+    subtitle2: true;
     ui: true;
     default: true; // used by <Link>
     monochrome: true; // used by <Link>

package/tsconfig.json

@@ -3,5 +3,8 @@
   "compilerOptions": {
     "jsx": "react-jsx",
     "jsxImportSource": "@emotion/react"
+  },
+  "ts-node": {
+    "files": true
   }
 }

package/dist/Icon.js

@@ -1,30 +0,0 @@
-/*!
- * Copyright (c) 2021-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 { iconDictionary } from "./iconDictionary/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Icon = _ref => {
-  let {
-    ariaLabelledby,
-    label,
-    name,
-    size
-  } = _ref;
-  if (!(name in iconDictionary)) return null;
-  const NamedIcon = iconDictionary[name];
-  return _jsx(NamedIcon, {
-    "aria-labelledby": ariaLabelledby,
-    fontSize: size,
-    titleAccess: label
-  });
-};
-Icon.displayName = "Icon";
-//# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","names":["iconDictionary","jsx","_jsx","Icon","_ref","ariaLabelledby","label","name","size","NamedIcon","fontSize","titleAccess","displayName"],"sources":["../src/Icon.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2021-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 { iconDictionary } from \"./iconDictionary\";\n\nexport type IconProps = {\n  /*\n   ** The element whose text describes the icon, if it exists\n   */\n  ariaLabelledby?: string;\n  /*\n   ** Text that describes the icon\n   */\n  label: string;\n  /*\n   ** Name of the icon to render\n   */\n  name: keyof typeof iconDictionary;\n  /*\n   ** The size of the icon\n   */\n  size: \"small\" | \"medium\" | \"large\";\n};\n\n/**\n * A system of icons which establishes a visual language\n * that can be easily understood regardless of age, language or culture.\n * This component includes all icon data as static imports. Favor individual\n * icon component imports where possible to keep your bundle size smaller.\n */\nexport const Icon = ({ ariaLabelledby, label, name, size }: IconProps) => {\n  if (!(name in iconDictionary)) return null;\n\n  const NamedIcon = iconDictionary[name];\n\n  return (\n    <NamedIcon\n      aria-labelledby={ariaLabelledby}\n      fontSize={size}\n      titleAccess={label}\n    />\n  );\n};\n\nIcon.displayName = \"Icon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAYSA,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AA2BvB,OAAO,MAAMC,IAAI,GAAGC,IAAA,IAAsD;EAAA,IAArD;IAAEC,cAAc;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAgB,CAAC,GAAAJ,IAAA;EACnE,IAAI,EAAEG,IAAI,IAAIP,cAAc,CAAC,EAAE,OAAO,IAAI;EAE1C,MAAMS,SAAS,GAAGT,cAAc,CAACO,IAAI,CAAC;EAEtC,OACEL,IAAA,CAACO,SAAS;IACR,mBAAiBJ,cAAe;IAChCK,QAAQ,EAAEF,IAAK;IACfG,WAAW,EAAEL;EAAM,CACpB,CAAC;AAEN,CAAC;AAEDH,IAAI,CAACS,WAAW,GAAG,MAAM"}

package/dist/Infobox.js.map

@@ -1 +0,0 @@
-{"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/a11yCheck.js

@@ -1,25 +0,0 @@
-/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */import { axe } from "jest-axe";
-export const a11yCheck = renderFn => {
-  describe("accessibility", () => {
-    it("meets WCAG 2.1 AA criteria", async () => {
-      const {
-        container
-      } = renderFn();
-      const results = await axe(container, {
-        runOnly: ["section508", "wcag21a", "wcag21aa"]
-      });
-      expect(results).toHaveNoViolations();
-    });
-  });
-};
-//# sourceMappingURL=a11yCheck.js.map

package/dist/a11yCheck.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11yCheck.js","names":["axe","a11yCheck","renderFn","describe","it","container","results","runOnly","expect","toHaveNoViolations"],"sources":["../src/a11yCheck.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { RenderResult } from \"@testing-library/react\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { axe } from \"jest-axe\";\n\nexport const a11yCheck = (renderFn: () => RenderResult): void => {\n  describe(\"accessibility\", () => {\n    it(\"meets WCAG 2.1 AA criteria\", async () => {\n      const { container } = renderFn();\n      const results = await axe(container, {\n        runOnly: [\"section508\", \"wcag21a\", \"wcag21aa\"],\n      });\n\n      expect(results).toHaveNoViolations();\n    });\n  });\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,GAAG,QAAQ,UAAU;AAE9B,OAAO,MAAMC,SAAS,GAAIC,QAA4B,IAAW;EAC/DC,QAAQ,CAAC,eAAe,EAAE,MAAM;IAC9BC,EAAE,CAAC,4BAA4B,EAAE,YAAY;MAC3C,MAAM;QAAEC;MAAU,CAAC,GAAGH,QAAQ,CAAC,CAAC;MAChC,MAAMI,OAAO,GAAG,MAAMN,GAAG,CAACK,SAAS,EAAE;QACnCE,OAAO,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU;MAC/C,CAAC,CAAC;MAEFC,MAAM,CAACF,OAAO,CAAC,CAACG,kBAAkB,CAAC,CAAC;IACtC,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/iconDictionary/Add.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Add.js","names":["forwardRef","SvgIcon","jsx","_jsx","Fragment","_Fragment","AddIcon","props","ref","viewBox","fill","xmlns","children","fillRule","d","clipRule","displayName"],"sources":["../../src/iconDictionary/Add.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nimport { forwardRef } from \"react\";\nimport { SvgIcon } from \"./SvgIcon\";\nimport type { SvgIconNoChildrenProps } from \"./types\";\n\nexport type AddIconProps = SvgIconNoChildrenProps;\n\nexport const AddIcon = forwardRef<SVGSVGElement, AddIconProps>((props, ref) => {\n  return (\n    <SvgIcon\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={ref}\n      {...props}\n    >\n      <>\n        <path\n          fill=\"currentColor\"\n          fillRule=\"evenodd\"\n          d=\"M7.5 1V7.5H1v1H7.5V15h1V8.5H15v-1H8.5V1h-1Z\"\n          clipRule=\"evenodd\"\n        />\n      </>\n    </SvgIcon>\n  );\n});\n\nAddIcon.displayName = \"AddIcon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAC1BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAKhB,OAAO,MAAMC,OAAO,GAAGN,UAAU,CAA8B,CAACO,KAAK,EAAEC,GAAG,KAAK;EAC7E,OACEL,IAAA,CAACF,OAAO;IACNQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAClCH,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IAAAK,QAAA,EAETT,IAAA,CAAAE,SAAA;MAAAO,QAAA,EACET,IAAA;QACEO,IAAI,EAAC,cAAc;QACnBG,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC,6CAA6C;QAC/CC,QAAQ,EAAC;MAAS,CACnB;IAAC,CACF;EAAC,CACI,CAAC;AAEd,CAAC,CAAC;AAEFT,OAAO,CAACU,WAAW,GAAG,SAAS"}

package/dist/iconDictionary/AddCircle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddCircle.js","names":["forwardRef","SvgIcon","jsx","_jsx","Fragment","_Fragment","AddCircleIcon","props","ref","viewBox","fill","xmlns","children","fillRule","d","clipRule","displayName"],"sources":["../../src/iconDictionary/AddCircle.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nimport { forwardRef } from \"react\";\nimport { SvgIcon } from \"./SvgIcon\";\nimport type { SvgIconNoChildrenProps } from \"./types\";\n\nexport type AddCircleIconProps = SvgIconNoChildrenProps;\n\nexport const AddCircleIcon = forwardRef<SVGSVGElement, AddCircleIconProps>(\n  (props, ref) => {\n    return (\n      <SvgIcon\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        ref={ref}\n        {...props}\n      >\n        <>\n          <path\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            d=\"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7 8A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm-.5-5V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1Z\"\n            clipRule=\"evenodd\"\n          />\n        </>\n      </SvgIcon>\n    );\n  }\n);\n\nAddCircleIcon.displayName = \"AddCircleIcon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAC1BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAKhB,OAAO,MAAMC,aAAa,GAAGN,UAAU,CACrC,CAACO,KAAK,EAAEC,GAAG,KAAK;EACd,OACEL,IAAA,CAACF,OAAO;IACNQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAClCH,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IAAAK,QAAA,EAETT,IAAA,CAAAE,SAAA;MAAAO,QAAA,EACET,IAAA;QACEO,IAAI,EAAC,cAAc;QACnBG,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC,mHAAmH;QACrHC,QAAQ,EAAC;MAAS,CACnB;IAAC,CACF;EAAC,CACI,CAAC;AAEd,CACF,CAAC;AAEDT,aAAa,CAACU,WAAW,GAAG,eAAe"}

package/dist/iconDictionary/AlertCircle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertCircle.js","names":["forwardRef","SvgIcon","jsx","_jsx","Fragment","_Fragment","AlertCircleIcon","props","ref","viewBox","fill","xmlns","children","fillRule","d","clipRule","displayName"],"sources":["../../src/iconDictionary/AlertCircle.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nimport { forwardRef } from \"react\";\nimport { SvgIcon } from \"./SvgIcon\";\nimport type { SvgIconNoChildrenProps } from \"./types\";\n\nexport type AlertCircleIconProps = SvgIconNoChildrenProps;\n\nexport const AlertCircleIcon = forwardRef<SVGSVGElement, AlertCircleIconProps>(\n  (props, ref) => {\n    return (\n      <SvgIcon\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        ref={ref}\n        {...props}\n      >\n        <>\n          <path\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            d=\"M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8 4a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-.5-3.5a.5.5 0 0 0 1 0V4h-1v4.5Z\"\n            clipRule=\"evenodd\"\n          />\n        </>\n      </SvgIcon>\n    );\n  }\n);\n\nAlertCircleIcon.displayName = \"AlertCircleIcon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAC1BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAKhB,OAAO,MAAMC,eAAe,GAAGN,UAAU,CACvC,CAACO,KAAK,EAAEC,GAAG,KAAK;EACd,OACEL,IAAA,CAACF,OAAO;IACNQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAClCH,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IAAAK,QAAA,EAETT,IAAA,CAAAE,SAAA;MAAAO,QAAA,EACET,IAAA;QACEO,IAAI,EAAC,cAAc;QACnBG,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC,mJAAmJ;QACrJC,QAAQ,EAAC;MAAS,CACnB;IAAC,CACF;EAAC,CACI,CAAC;AAEd,CACF,CAAC;AAEDT,eAAe,CAACU,WAAW,GAAG,iBAAiB"}

package/dist/iconDictionary/AlertCircleFilled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertCircleFilled.js","names":["forwardRef","SvgIcon","jsx","_jsx","Fragment","_Fragment","AlertCircleFilledIcon","props","ref","viewBox","fill","xmlns","children","fillRule","d","clipRule","displayName"],"sources":["../../src/iconDictionary/AlertCircleFilled.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nimport { forwardRef } from \"react\";\nimport { SvgIcon } from \"./SvgIcon\";\nimport type { SvgIconNoChildrenProps } from \"./types\";\n\nexport type AlertCircleFilledIconProps = SvgIconNoChildrenProps;\n\nexport const AlertCircleFilledIcon = forwardRef<\n  SVGSVGElement,\n  AlertCircleFilledIconProps\n>((props, ref) => {\n  return (\n    <SvgIcon\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={ref}\n      {...props}\n    >\n      <>\n        <path\n          fill=\"currentColor\"\n          fillRule=\"evenodd\"\n          d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8 9a.5.5 0 0 1-.5-.5V4h1v4.5A.5.5 0 0 1 8 9Zm0 3a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n          clipRule=\"evenodd\"\n        />\n      </>\n    </SvgIcon>\n  );\n});\n\nAlertCircleFilledIcon.displayName = \"AlertCircleFilledIcon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAC1BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAKhB,OAAO,MAAMC,qBAAqB,GAAGN,UAAU,CAG7C,CAACO,KAAK,EAAEC,GAAG,KAAK;EAChB,OACEL,IAAA,CAACF,OAAO;IACNQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAClCH,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IAAAK,QAAA,EAETT,IAAA,CAAAE,SAAA;MAAAO,QAAA,EACET,IAAA;QACEO,IAAI,EAAC,cAAc;QACnBG,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC,4HAA4H;QAC9HC,QAAQ,EAAC;MAAS,CACnB;IAAC,CACF;EAAC,CACI,CAAC;AAEd,CAAC,CAAC;AAEFT,qBAAqB,CAACU,WAAW,GAAG,uBAAuB"}

package/dist/iconDictionary/AlertTriangleFilled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertTriangleFilled.js","names":["forwardRef","SvgIcon","jsx","_jsx","Fragment","_Fragment","AlertTriangleFilledIcon","props","ref","viewBox","fill","xmlns","children","fillRule","d","clipRule","displayName"],"sources":["../../src/iconDictionary/AlertTriangleFilled.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nimport { forwardRef } from \"react\";\nimport { SvgIcon } from \"./SvgIcon\";\nimport type { SvgIconNoChildrenProps } from \"./types\";\n\nexport type AlertTriangleFilledIconProps = SvgIconNoChildrenProps;\n\nexport const AlertTriangleFilledIcon = forwardRef<\n  SVGSVGElement,\n  AlertTriangleFilledIconProps\n>((props, ref) => {\n  return (\n    <SvgIcon\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={ref}\n      {...props}\n    >\n      <>\n        <path\n          fill=\"currentColor\"\n          fillRule=\"evenodd\"\n          d=\"M13.983 14.647c-.512.353-1.35.353-3.026.353H5.042c-1.675 0-2.513 0-3.025-.353a2 2 0 0 1-.839-1.322c-.101-.614.256-1.372.97-2.888l2.957-6.284C6.029 2.189 6.49 1.207 7.125.898a2 2 0 0 1 1.75 0c.634.309 1.096 1.29 2.02 3.255l2.958 6.284c.713 1.516 1.07 2.274.969 2.888a2 2 0 0 1-.839 1.322ZM8 10a.5.5 0 0 1-.5-.5V5h1v4.5a.5.5 0 0 1-.5.5Zm0 3a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n          clipRule=\"evenodd\"\n        />\n      </>\n    </SvgIcon>\n  );\n});\n\nAlertTriangleFilledIcon.displayName = \"AlertTriangleFilledIcon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAC1BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAKhB,OAAO,MAAMC,uBAAuB,GAAGN,UAAU,CAG/C,CAACO,KAAK,EAAEC,GAAG,KAAK;EAChB,OACEL,IAAA,CAACF,OAAO;IACNQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAClCH,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IAAAK,QAAA,EAETT,IAAA,CAAAE,SAAA;MAAAO,QAAA,EACET,IAAA;QACEO,IAAI,EAAC,cAAc;QACnBG,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC,0XAA0X;QAC5XC,QAAQ,EAAC;MAAS,CACnB;IAAC,CACF;EAAC,CACI,CAAC;AAEd,CAAC,CAAC;AAEFT,uBAAuB,CAACU,WAAW,GAAG,yBAAyB"}