@okta/odyssey-react-mui 1.28.1 → 1.32.0

package/dist/cjs/Tag.cjs

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tagSizeValues = exports.tagColorVariants = exports.Tag = void 0;
+var _Chip2 = _interopRequireDefault(require("@mui/material/Chip"));
+var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _index = require("./icons.generated/index.cjs");
+var _MuiPropsContext = require("./MuiPropsContext.cjs");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _TagListContext = require("./TagListContext.cjs");
+var _useContrastMode = require("./useContrastMode.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const tagSizeValues = exports.tagSizeValues = ["medium", "small"];
+const tagColorVariants = exports.tagColorVariants = ["accentFour", "accentOne", "accentThree", "accentTwo", "default", "info"];
+const getChipColors = ({
+  colorVariant,
+  contrastMode,
+  odysseyDesignTokens
+}) => {
+  const colors = {
+    default: {
+      ...(contrastMode === "highContrast" && {
+        background: odysseyDesignTokens.HueNeutral200,
+        text: odysseyDesignTokens.HueNeutral700,
+        textDisabled: odysseyDesignTokens.HueNeutral400
+      }),
+      ...(contrastMode === "lowContrast" && {
+        background: odysseyDesignTokens.HueNeutral100,
+        text: odysseyDesignTokens.HueNeutral700,
+        textDisabled: odysseyDesignTokens.HueNeutral300
+      }),
+      hover: odysseyDesignTokens.HueNeutral200,
+      active: odysseyDesignTokens.HueNeutral300,
+      border: odysseyDesignTokens.HueNeutral200,
+      deleteIcon: odysseyDesignTokens.HueNeutral500,
+      deleteIconHover: odysseyDesignTokens.HueNeutral700,
+      icon: odysseyDesignTokens.HueNeutral700,
+      iconDisabled: odysseyDesignTokens.HueNeutral300
+    },
+    info: {
+      ...(contrastMode === "highContrast" && {
+        background: odysseyDesignTokens.HueBlue200,
+        text: odysseyDesignTokens.HueBlue700,
+        textDisabled: odysseyDesignTokens.HueBlue400
+      }),
+      ...(contrastMode === "lowContrast" && {
+        background: odysseyDesignTokens.HueBlue100,
+        text: odysseyDesignTokens.HueBlue700,
+        textDisabled: odysseyDesignTokens.HueBlue300
+      }),
+      hover: odysseyDesignTokens.HueBlue200,
+      active: odysseyDesignTokens.HueBlue300,
+      border: odysseyDesignTokens.HueBlue200,
+      deleteIcon: odysseyDesignTokens.HueBlue500,
+      deleteIconHover: odysseyDesignTokens.HueBlue700,
+      icon: odysseyDesignTokens.HueBlue700,
+      iconDisabled: odysseyDesignTokens.HueBlue300
+    },
+    accentOne: {
+      ...(contrastMode === "highContrast" && {
+        background: odysseyDesignTokens.HueAccentOne200,
+        text: odysseyDesignTokens.HueAccentOne700,
+        textDisabled: odysseyDesignTokens.HueAccentOne400
+      }),
+      ...(contrastMode === "lowContrast" && {
+        background: odysseyDesignTokens.HueAccentOne100,
+        text: odysseyDesignTokens.HueAccentOne700,
+        textDisabled: odysseyDesignTokens.HueAccentOne300
+      }),
+      hover: odysseyDesignTokens.HueAccentOne200,
+      active: odysseyDesignTokens.HueAccentOne300,
+      border: odysseyDesignTokens.HueAccentOne200,
+      deleteIcon: odysseyDesignTokens.HueAccentOne500,
+      deleteIconHover: odysseyDesignTokens.HueAccentOne700,
+      icon: odysseyDesignTokens.HueAccentOne700,
+      iconDisabled: odysseyDesignTokens.HueAccentOne300
+    },
+    accentTwo: {
+      ...(contrastMode === "highContrast" && {
+        background: odysseyDesignTokens.HueAccentTwo200,
+        text: odysseyDesignTokens.HueAccentTwo800,
+        textDisabled: odysseyDesignTokens.HueAccentTwo400
+      }),
+      ...(contrastMode === "lowContrast" && {
+        background: odysseyDesignTokens.HueAccentTwo100,
+        text: odysseyDesignTokens.HueAccentTwo700,
+        textDisabled: odysseyDesignTokens.HueAccentTwo300
+      }),
+      hover: odysseyDesignTokens.HueAccentTwo200,
+      active: odysseyDesignTokens.HueAccentTwo300,
+      border: odysseyDesignTokens.HueAccentTwo200,
+      deleteIcon: odysseyDesignTokens.HueAccentTwo500,
+      deleteIconHover: odysseyDesignTokens.HueAccentTwo700,
+      icon: odysseyDesignTokens.HueAccentTwo700,
+      iconDisabled: odysseyDesignTokens.HueAccentTwo300
+    },
+    accentThree: {
+      ...(contrastMode === "highContrast" && {
+        background: odysseyDesignTokens.HueAccentThree200,
+        text: odysseyDesignTokens.HueAccentThree700,
+        textDisabled: odysseyDesignTokens.HueAccentThree400
+      }),
+      ...(contrastMode === "lowContrast" && {
+        background: odysseyDesignTokens.HueAccentThree100,
+        text: odysseyDesignTokens.HueAccentThree700,
+        textDisabled: odysseyDesignTokens.HueAccentThree300
+      }),
+      hover: odysseyDesignTokens.HueAccentThree200,
+      active: odysseyDesignTokens.HueAccentThree300,
+      border: odysseyDesignTokens.HueAccentThree200,
+      deleteIcon: odysseyDesignTokens.HueAccentThree500,
+      deleteIconHover: odysseyDesignTokens.HueAccentThree700,
+      icon: odysseyDesignTokens.HueAccentThree700,
+      iconDisabled: odysseyDesignTokens.HueAccentThree300
+    },
+    accentFour: {
+      ...(contrastMode === "highContrast" && {
+        background: odysseyDesignTokens.HueAccentFour200,
+        text: odysseyDesignTokens.HueAccentFour700,
+        textDisabled: odysseyDesignTokens.HueAccentFour400
+      }),
+      ...(contrastMode === "lowContrast" && {
+        background: odysseyDesignTokens.HueAccentFour100,
+        text: odysseyDesignTokens.HueAccentFour700,
+        textDisabled: odysseyDesignTokens.HueAccentFour300
+      }),
+      hover: odysseyDesignTokens.HueAccentFour200,
+      active: odysseyDesignTokens.HueAccentFour300,
+      border: odysseyDesignTokens.HueAccentFour200,
+      deleteIcon: odysseyDesignTokens.HueAccentFour500,
+      deleteIconHover: odysseyDesignTokens.HueAccentFour700,
+      icon: odysseyDesignTokens.HueAccentFour700,
+      iconDisabled: odysseyDesignTokens.HueAccentFour300
+    }
+  };
+  return colors[colorVariant] || colors.default;
+};
+const StyledTag = (0, _styled.default)(_Chip2.default, {
+  shouldForwardProp: prop => !["colorVariant", "contrastMode", "odysseyDesignTokens", "size"].includes(prop)
+})(({
+  colorVariant,
+  contrastMode,
+  odysseyDesignTokens,
+  clickable,
+  size
+}) => {
+  const colors = getChipColors({
+    colorVariant,
+    odysseyDesignTokens,
+    contrastMode
+  });
+  return {
+    backgroundColor: colors.background,
+    color: colors.text,
+    ...(clickable === true && {
+      borderColor: colors.border
+    }),
+    ...(clickable === false && {
+      borderColor: "transparent"
+    }),
+    ...(size === "small" && {
+      paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`
+    }),
+    "&.MuiChip-clickable:hover": {
+      backgroundColor: colors.hover
+    },
+    "&.MuiChip-clickable:active": {
+      backgroundColor: colors.active
+    },
+    "&.Mui-disabled": {
+      color: colors.textDisabled,
+      borderColor: colors.border,
+      "& .MuiChip-icon, & .MuiChip-deleteIcon": {
+        color: colors.iconDisabled
+      }
+    },
+    "& .MuiChip-icon": {
+      color: colors.icon
+    },
+    "& .MuiChip-deleteIcon": {
+      color: colors.deleteIcon,
+      "&:hover": {
+        color: colors.deleteIconHover
+      }
+    }
+  };
+});
+const Tag = ({
+  colorVariant = "default",
+  icon,
+  isDisabled,
+  label,
+  onClick,
+  onRemove,
+  size = "medium",
+  testId,
+  translate
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const {
+    chipElementType
+  } = (0, _react.useContext)(_TagListContext.TagListContext);
+  const {
+    contrastMode
+  } = (0, _useContrastMode.useContrastModeContext)();
+  const renderTag = (0, _react.useCallback)(muiProps => (0, _jsxRuntime.jsx)(StyledTag, {
+    ...muiProps,
+    "aria-disabled": isDisabled,
+    as: chipElementType,
+    clickable: Boolean(onClick),
+    colorVariant: colorVariant,
+    contrastMode: contrastMode,
+    "data-se": testId,
+    deleteIcon: (0, _jsxRuntime.jsx)(_index.CloseCircleFilledIcon, {}),
+    disabled: isDisabled,
+    icon: icon,
+    label: label,
+    odysseyDesignTokens: odysseyDesignTokens,
+    onClick: onClick,
+    onDelete: onRemove,
+    size: size,
+    translate: translate
+  }), [chipElementType, colorVariant, contrastMode, icon, isDisabled, label, odysseyDesignTokens, onClick, onRemove, size, testId, translate]);
+  return (0, _jsxRuntime.jsx)(_MuiPropsContext.MuiPropsContext.Consumer, {
+    children: renderTag
+  });
+};
+const MemoizedTag = exports.Tag = (0, _react.memo)(Tag);
+MemoizedTag.displayName = "Tag";
+//# sourceMappingURL=Tag.cjs.map

package/dist/cjs/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","names":["_react","require","_styled","_interopRequireDefault","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_TagListContext","_useContrastMode","_jsxRuntime","e","__esModule","default","tagSizeValues","exports","tagColorVariants","getChipColors","colorVariant","contrastMode","odysseyDesignTokens","colors","background","HueNeutral200","text","HueNeutral700","textDisabled","HueNeutral400","HueNeutral100","HueNeutral300","hover","active","border","deleteIcon","HueNeutral500","deleteIconHover","icon","iconDisabled","info","HueBlue200","HueBlue700","HueBlue400","HueBlue100","HueBlue300","HueBlue500","accentOne","HueAccentOne200","HueAccentOne700","HueAccentOne400","HueAccentOne100","HueAccentOne300","HueAccentOne500","accentTwo","HueAccentTwo200","HueAccentTwo800","HueAccentTwo400","HueAccentTwo100","HueAccentTwo700","HueAccentTwo300","HueAccentTwo500","accentThree","HueAccentThree200","HueAccentThree700","HueAccentThree400","HueAccentThree100","HueAccentThree300","HueAccentThree500","accentFour","HueAccentFour200","HueAccentFour700","HueAccentFour400","HueAccentFour100","HueAccentFour300","HueAccentFour500","StyledTag","styled","_Chip2","shouldForwardProp","prop","includes","clickable","size","backgroundColor","color","borderColor","paddingBlock","Spacing1","Tag","isDisabled","label","onClick","onRemove","testId","translate","useOdysseyDesignTokens","chipElementType","useContext","TagListContext","useContrastModeContext","renderTag","useCallback","muiProps","jsx","as","Boolean","CloseCircleFilledIcon","disabled","onDelete","MuiPropsContext","Consumer","children","MemoizedTag","memo","displayName"],"sources":["../../src/Tag.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 { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TagListContext } from \"./TagListContext.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nexport const tagSizeValues = [\"medium\", \"small\"] as const;\n\nexport const tagColorVariants = [\n  \"accentFour\",\n  \"accentOne\",\n  \"accentThree\",\n  \"accentTwo\",\n  \"default\",\n  \"info\",\n] as const;\n\ntype TagColorVariant = (typeof tagColorVariants)[number];\ntype TagSize = (typeof tagSizeValues)[number];\n\nexport type TagProps = {\n  icon?: ReactElement;\n  isDisabled?: boolean;\n  /**\n   * The label text for the Tag\n   */\n  label: string;\n  /**\n   * Callback fired when the Tag is clicked\n   */\n  onClick?: MuiChipProps[\"onClick\"];\n  /**\n   * Callback fired when the remove button of the Tag is clicked\n   */\n  onRemove?: MuiChipProps[\"onDelete\"];\n  /**\n   * Color variant of the Tag, affecting its appearance\n   */\n  colorVariant?: TagColorVariant;\n  /*\n   *  Size variant of the Tag\n   */\n  size?: TagSize;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst getChipColors = ({\n  colorVariant,\n  contrastMode,\n  odysseyDesignTokens,\n}: {\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n}) => {\n  const colors = {\n    default: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueNeutral200,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueNeutral100,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral300,\n      }),\n      hover: odysseyDesignTokens.HueNeutral200,\n      active: odysseyDesignTokens.HueNeutral300,\n      border: odysseyDesignTokens.HueNeutral200,\n      deleteIcon: odysseyDesignTokens.HueNeutral500,\n      deleteIconHover: odysseyDesignTokens.HueNeutral700,\n      icon: odysseyDesignTokens.HueNeutral700,\n      iconDisabled: odysseyDesignTokens.HueNeutral300,\n    },\n    info: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueBlue200,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueBlue100,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue300,\n      }),\n      hover: odysseyDesignTokens.HueBlue200,\n      active: odysseyDesignTokens.HueBlue300,\n      border: odysseyDesignTokens.HueBlue200,\n      deleteIcon: odysseyDesignTokens.HueBlue500,\n      deleteIconHover: odysseyDesignTokens.HueBlue700,\n      icon: odysseyDesignTokens.HueBlue700,\n      iconDisabled: odysseyDesignTokens.HueBlue300,\n    },\n    accentOne: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne200,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne100,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne300,\n      }),\n      hover: odysseyDesignTokens.HueAccentOne200,\n      active: odysseyDesignTokens.HueAccentOne300,\n      border: odysseyDesignTokens.HueAccentOne200,\n      deleteIcon: odysseyDesignTokens.HueAccentOne500,\n      deleteIconHover: odysseyDesignTokens.HueAccentOne700,\n      icon: odysseyDesignTokens.HueAccentOne700,\n      iconDisabled: odysseyDesignTokens.HueAccentOne300,\n    },\n    accentTwo: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo200,\n        text: odysseyDesignTokens.HueAccentTwo800,\n        textDisabled: odysseyDesignTokens.HueAccentTwo400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo100,\n        text: odysseyDesignTokens.HueAccentTwo700,\n        textDisabled: odysseyDesignTokens.HueAccentTwo300,\n      }),\n      hover: odysseyDesignTokens.HueAccentTwo200,\n      active: odysseyDesignTokens.HueAccentTwo300,\n      border: odysseyDesignTokens.HueAccentTwo200,\n      deleteIcon: odysseyDesignTokens.HueAccentTwo500,\n      deleteIconHover: odysseyDesignTokens.HueAccentTwo700,\n      icon: odysseyDesignTokens.HueAccentTwo700,\n      iconDisabled: odysseyDesignTokens.HueAccentTwo300,\n    },\n    accentThree: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree200,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree100,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree300,\n      }),\n      hover: odysseyDesignTokens.HueAccentThree200,\n      active: odysseyDesignTokens.HueAccentThree300,\n      border: odysseyDesignTokens.HueAccentThree200,\n      deleteIcon: odysseyDesignTokens.HueAccentThree500,\n      deleteIconHover: odysseyDesignTokens.HueAccentThree700,\n      icon: odysseyDesignTokens.HueAccentThree700,\n      iconDisabled: odysseyDesignTokens.HueAccentThree300,\n    },\n    accentFour: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour200,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour100,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour300,\n      }),\n      hover: odysseyDesignTokens.HueAccentFour200,\n      active: odysseyDesignTokens.HueAccentFour300,\n      border: odysseyDesignTokens.HueAccentFour200,\n      deleteIcon: odysseyDesignTokens.HueAccentFour500,\n      deleteIconHover: odysseyDesignTokens.HueAccentFour700,\n      icon: odysseyDesignTokens.HueAccentFour700,\n      iconDisabled: odysseyDesignTokens.HueAccentFour300,\n    },\n  };\n\n  return colors[colorVariant] || colors.default;\n};\n\nconst StyledTag = styled(MuiChip, {\n  shouldForwardProp: (prop) =>\n    ![\"colorVariant\", \"contrastMode\", \"odysseyDesignTokens\", \"size\"].includes(\n      prop,\n    ),\n})<{\n  as?: React.ElementType; // Allow the 'as' prop to be forwarded\n  clickable?: boolean;\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n  size?: TagSize;\n}>(({ colorVariant, contrastMode, odysseyDesignTokens, clickable, size }) => {\n  const colors = getChipColors({\n    colorVariant,\n    odysseyDesignTokens,\n    contrastMode,\n  });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.text,\n\n    ...(clickable === true && {\n      borderColor: colors.border,\n    }),\n\n    ...(clickable === false && {\n      borderColor: \"transparent\",\n    }),\n\n    ...(size === \"small\" && {\n      paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`,\n    }),\n\n    \"&.MuiChip-clickable:hover\": {\n      backgroundColor: colors.hover,\n    },\n\n    \"&.MuiChip-clickable:active\": {\n      backgroundColor: colors.active,\n    },\n\n    \"&.Mui-disabled\": {\n      color: colors.textDisabled,\n      borderColor: colors.border,\n      \"& .MuiChip-icon, & .MuiChip-deleteIcon\": {\n        color: colors.iconDisabled,\n      },\n    },\n\n    \"& .MuiChip-icon\": {\n      color: colors.icon,\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      color: colors.deleteIcon,\n      \"&:hover\": {\n        color: colors.deleteIconHover,\n      },\n    },\n  };\n});\n\nconst Tag = ({\n  colorVariant = \"default\",\n  icon,\n  isDisabled,\n  label,\n  onClick,\n  onRemove,\n  size = \"medium\",\n  testId,\n  translate,\n}: TagProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { chipElementType } = useContext(TagListContext);\n  const { contrastMode } = useContrastModeContext();\n\n  const renderTag = useCallback(\n    (muiProps: MuiPropsContextType) => (\n      <StyledTag\n        {...muiProps}\n        aria-disabled={isDisabled}\n        as={chipElementType}\n        clickable={Boolean(onClick)}\n        colorVariant={colorVariant}\n        contrastMode={contrastMode}\n        data-se={testId}\n        deleteIcon={<CloseCircleFilledIcon />}\n        disabled={isDisabled}\n        icon={icon}\n        label={label}\n        odysseyDesignTokens={odysseyDesignTokens}\n        onClick={onClick}\n        onDelete={onRemove}\n        size={size}\n        translate={translate}\n      />\n    ),\n    [\n      chipElementType,\n      colorVariant,\n      contrastMode,\n      icon,\n      isDisabled,\n      label,\n      odysseyDesignTokens,\n      onClick,\n      onRemove,\n      size,\n      testId,\n      translate,\n    ],\n  );\n\n  return <MuiPropsContext.Consumer>{renderTag}</MuiPropsContext.Consumer>;\n};\n\nconst MemoizedTag = memo(Tag);\nMemoizedTag.displayName = \"Tag\";\n\nexport { MemoizedTag as Tag };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TagList.cjs

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TagList = void 0;
+var _Stack2 = _interopRequireDefault(require("@mui/material/Stack"));
+var _react = require("react");
+var _TagListContext = require("./TagListContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const TagList = ({
+  children,
+  testId
+}) => {
+  const providerValue = (0, _react.useMemo)(() => ({
+    chipElementType: "li"
+  }), []);
+  return (0, _jsxRuntime.jsx)(_Stack2.default, {
+    component: "ul",
+    "data-se": testId,
+    direction: "row",
+    spacing: 2,
+    useFlexGap: true,
+    flexWrap: "wrap",
+    children: (0, _jsxRuntime.jsx)(_TagListContext.TagListContext.Provider, {
+      value: providerValue,
+      children: children
+    })
+  });
+};
+const MemoizedTagList = exports.TagList = (0, _react.memo)(TagList);
+MemoizedTagList.displayName = "TagList";
+//# sourceMappingURL=TagList.cjs.map

package/dist/cjs/TagList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.cjs","names":["_react","require","_TagListContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TagList","children","testId","providerValue","useMemo","chipElementType","jsx","_Stack2","component","direction","spacing","useFlexGap","flexWrap","TagListContext","Provider","value","MemoizedTagList","exports","memo","displayName"],"sources":["../../src/TagList.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 { Tag } from \"./Tag.js\";\nimport { Stack } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\nimport { ChipElementType, TagListContext } from \"./TagListContext.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\n\nexport type TagListProps = {\n  /**\n   * The Tag or array of Tags within the TagList\n   */\n  children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;\n} & Pick<HtmlProps, \"testId\">;\n\nconst TagList = ({ children, testId }: TagListProps) => {\n  const providerValue = useMemo<{\n    chipElementType: ChipElementType;\n  }>(\n    () => ({\n      chipElementType: \"li\",\n    }),\n    [],\n  );\n\n  return (\n    <Stack\n      component=\"ul\"\n      data-se={testId}\n      direction=\"row\"\n      spacing={2}\n      useFlexGap\n      flexWrap=\"wrap\"\n    >\n      <TagListContext.Provider value={providerValue}>\n        {children}\n      </TagListContext.Provider>\n    </Stack>\n  );\n};\n\nconst MemoizedTagList = memo(TagList);\nMemoizedTagList.displayName = \"TagList\";\n\nexport { MemoizedTagList as TagList };\n"],"mappings":";;;;;;;AAcA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAftE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMG,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACtD,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAG3B,OAAO;IACLC,eAAe,EAAE;EACnB,CAAC,CAAC,EACF,EACF,CAAC;EAED,OACE,IAAAV,WAAA,CAAAW,GAAA,EAAAC,OAAA,CAAAR,OAAA;IACES,SAAS,EAAC,IAAI;IACd,WAASN,MAAO;IAChBO,SAAS,EAAC,KAAK;IACfC,OAAO,EAAE,CAAE;IACXC,UAAU;IACVC,QAAQ,EAAC,MAAM;IAAAX,QAAA,EAEf,IAAAN,WAAA,CAAAW,GAAA,EAACZ,eAAA,CAAAmB,cAAc,CAACC,QAAQ;MAACC,KAAK,EAAEZ,aAAc;MAAAF,QAAA,EAC3CA;IAAQ,CACc;EAAC,CACrB,CAAC;AAEZ,CAAC;AAED,MAAMe,eAAe,GAAAC,OAAA,CAAAjB,OAAA,GAAG,IAAAkB,WAAI,EAAClB,OAAO,CAAC;AACrCgB,eAAe,CAACG,WAAW,GAAG,SAAS","ignoreList":[]}

package/dist/cjs/TagListContext.cjs

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TagListContext = void 0;
+var _react = require("react");
+/*!
+ * 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.
+ */
+
+const TagListContext = exports.TagListContext = (0, _react.createContext)({
+  chipElementType: "div"
+});
+//# sourceMappingURL=TagListContext.cjs.map

package/dist/cjs/TagListContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagListContext.cjs","names":["_react","require","TagListContext","exports","createContext","chipElementType"],"sources":["../../src/TagListContext.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 { createContext } from \"react\";\n\nexport type ChipElementType = \"li\" | \"div\";\n\nexport type TagListContextType = {\n  chipElementType: ChipElementType;\n};\n\nexport const TagListContext = createContext<TagListContextType>({\n  chipElementType: \"div\",\n});\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,oBAAa,EAAqB;EAC9DC,eAAe,EAAE;AACnB,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/TextField.cjs

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textFieldTypeValues = exports.TextFieldTestSelector = exports.TextField = void 0;
+var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
+var _InputAdornment2 = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _react = require("react");
+var _Field = require("./Field.cjs");
+var _inputUtils = require("./inputUtils.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const TextFieldTestSelector = exports.TextFieldTestSelector = {
+  accessibleText: {
+    errorMessage: "errorMessage",
+    hint: "description",
+    label: "label"
+  },
+  children: {
+    link: {
+      elementSelector: {
+        method: "ByRole",
+        options: {
+          label: "name"
+        },
+        role: "link"
+      }
+    }
+  },
+  elementSelector: {
+    method: "ByRole",
+    options: {
+      label: "name"
+    },
+    role: "textbox"
+  }
+};
+const textFieldTypeValues = exports.textFieldTypeValues = ["email", "number", "tel", "text", "url"];
+const TextField = (0, _react.forwardRef)(({
+  ariaDescribedBy,
+  autoCompleteType,
+  defaultValue,
+  hasInitialFocus,
+  endAdornment,
+  errorMessage,
+  errorMessageList,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  inputRef,
+  inputMode,
+  isDisabled = false,
+  isFullWidth = false,
+  isMultiline = false,
+  isOptional = false,
+  isReadOnly,
+  label,
+  name: nameOverride,
+  onBlur,
+  onChange: onChangeProp,
+  onFocus,
+  placeholder,
+  startAdornment,
+  testId,
+  translate,
+  type = "text",
+  value: value
+}, ref) => {
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const inputValues = (0, _inputUtils.useInputValues)({
+    defaultValue,
+    value,
+    controlState: controlledStateRef.current
+  });
+  const localInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(inputRef, () => {
+    return {
+      focus: () => {
+        localInputRef.current?.focus();
+      }
+    };
+  }, []);
+  const onChange = (0, _react.useCallback)(event => {
+    onChangeProp?.(event);
+  }, [onChangeProp]);
+  const renderFieldComponent = (0, _react.useCallback)(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    id,
+    labelElementId
+  }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
+    ...inputValues,
+    "aria-describedby": ariaDescribedBy,
+    autoComplete: autoCompleteType,
+    autoFocus: hasInitialFocus,
+    endAdornment: endAdornment && (0, _jsxRuntime.jsx)(_InputAdornment2.default, {
+      position: "end",
+      translate: translate,
+      children: endAdornment
+    }),
+    id: id,
+    inputProps: {
+      "aria-errormessage": errorMessageElementId,
+      "aria-labelledby": labelElementId,
+      "data-se": testId,
+      inputMode
+    },
+    inputRef: localInputRef,
+    multiline: isMultiline,
+    name: nameOverride ?? id,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    placeholder: placeholder,
+    readOnly: isReadOnly,
+    ref: ref,
+    required: !isOptional,
+    startAdornment: startAdornment && (0, _jsxRuntime.jsx)(_InputAdornment2.default, {
+      position: "start",
+      translate: translate,
+      children: startAdornment
+    }),
+    type: type,
+    translate: translate
+  }), [autoCompleteType, inputValues, hasInitialFocus, endAdornment, inputMode, isMultiline, nameOverride, onBlur, onChange, onFocus, placeholder, isOptional, isReadOnly, ref, startAdornment, testId, translate, type]);
+  return (0, _jsxRuntime.jsx)(_Field.Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "single",
+    hasVisibleLabel: true,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isFullWidth: isFullWidth,
+    isOptional: isOptional,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+});
+const MemoizedTextField = exports.TextField = (0, _react.memo)(TextField);
+MemoizedTextField.displayName = "TextField";
+//# sourceMappingURL=TextField.cjs.map

package/dist/cjs/TextField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TextFieldTestSelector","exports","accessibleText","errorMessage","hint","label","children","link","elementSelector","method","options","role","textFieldTypeValues","TextField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessageList","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","useCallback","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","_InputAdornment2","position","inputProps","multiline","readOnly","required","Field","fieldType","hasVisibleLabel","MemoizedTextField","memo","displayName"],"sources":["../../src/TextField.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  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport { InputAdornment, InputBase } from \"@mui/material\";\n\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { Field } from \"./Field.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, useInputValues, getControlState } from \"./inputUtils.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\n\nexport const TextFieldTestSelector = {\n  accessibleText: {\n    errorMessage: \"errorMessage\",\n    hint: \"description\",\n    label: \"label\",\n  },\n  children: {\n    link: {\n      elementSelector: {\n        method: \"ByRole\",\n        options: {\n          label: \"name\",\n        },\n        role: \"link\",\n      },\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      label: \"name\",\n    },\n    role: \"textbox\",\n  },\n} as const satisfies TestSelector;\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      NonNullable<ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          type={type}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Toast.cjs

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toastSeverityValues = exports.toastRoleValues = exports.Toast = void 0;
+var _Snackbar2 = _interopRequireDefault(require("@mui/material/Snackbar"));
+var _Alert2 = _interopRequireDefault(require("@mui/material/Alert"));
+var _AlertTitle2 = _interopRequireDefault(require("@mui/material/AlertTitle"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _index = require("./Buttons/index.cjs");
+var _index2 = require("./icons.generated/index.cjs");
+var _Link = require("./Link.cjs");
+var _ScreenReaderText = require("./ScreenReaderText.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const toastRoleValues = exports.toastRoleValues = ["status", "alert"];
+const toastSeverityValues = exports.toastSeverityValues = ["success", "info", "warning", "error"];
+const ClickAwayListenerProps = {
+  onClickAway: () => false
+};
+const Toast = ({
+  autoHideDuration = 6000,
+  isDismissable,
+  linkText,
+  linkUrl,
+  isVisible: isVisibleProp,
+  onHide: onHideProp,
+  role,
+  severity,
+  testId,
+  text,
+  translate
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const [isVisible, setIsVisible] = (0, _react.useState)(isVisibleProp);
+  (0, _react.useEffect)(() => {
+    setIsVisible(isVisibleProp);
+  }, [isVisibleProp]);
+  const onHide = (0, _react.useCallback)(() => {
+    setIsVisible(false);
+    onHideProp?.();
+  }, [onHideProp]);
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _jsxRuntime.jsx)(_Snackbar2.default, {
+      open: isVisible,
+      autoHideDuration: isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration,
+      onClose: onHide,
+      className: "Toast",
+      ClickAwayListenerProps: ClickAwayListenerProps,
+      children: (0, _jsxRuntime.jsxs)(_Alert2.default, {
+        action: isDismissable === true && (0, _jsxRuntime.jsx)(_index.Button, {
+          ariaLabel: t("close.text"),
+          onClick: onHide,
+          size: "small",
+          startIcon: (0, _jsxRuntime.jsx)(_index2.CloseIcon, {}),
+          variant: "floating"
+        }),
+        "data-se": testId,
+        role: role,
+        severity: severity,
+        variant: "toast",
+        children: [(0, _jsxRuntime.jsxs)(_AlertTitle2.default, {
+          translate: translate,
+          children: [(0, _jsxRuntime.jsxs)(_ScreenReaderText.ScreenReaderText, {
+            translate: translate,
+            children: [t(`severity.${severity}`), ":"]
+          }), text]
+        }), linkUrl && (0, _jsxRuntime.jsx)(_Link.Link, {
+          href: linkUrl,
+          variant: "monochrome",
+          translate: translate,
+          children: linkText
+        })]
+      })
+    })
+  });
+};
+const MemoizedToast = exports.Toast = (0, _react.memo)(Toast);
+MemoizedToast.displayName = "Toast";
+//# sourceMappingURL=Toast.cjs.map