@okta/odyssey-react-mui 0.23.0 → 0.24.0

package/dist/Field.js

@@ -1,6 +1,6 @@
 import _FormControl from "@mui/material/FormControl";
 import _FormLabel from "@mui/material/FormLabel";
-
+import _Typography from "@mui/material/Typography";
 /*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
@@ -12,14 +12,15 @@ import _FormLabel from "@mui/material/FormLabel";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo, useMemo } from "react";
 import { FieldError } from "./FieldError.js";
 import { FieldHint } from "./FieldHint.js";
 import { FieldLabel } from "./FieldLabel.js";
 import { useUniqueId } from "./useUniqueId.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { jsx as _jsx } from "react/jsx-runtime";
 const Field = _ref => {
   let {
     errorMessage,
@@ -31,9 +32,11 @@ const Field = _ref => {
     isRadioGroup = false,
     isOptional = false,
     label,
-    optionalLabel,
     renderFieldComponent
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   const id = useUniqueId(idOverride);
   const hintId = hint ? `${id}-hint` : undefined;
   const errorId = errorMessage ? `${id}-error` : undefined;
@@ -44,15 +47,18 @@ const Field = _ref => {
     disabled: isDisabled,
     error: Boolean(errorMessage),
     role: isRadioGroup ? "radiogroup" : undefined,
-    children: [fieldType === "group" ? _jsx(_FormLabel, {
+    children: [fieldType === "group" ? _jsxs(_FormLabel, {
       component: "legend",
-      children: label
+      children: [label, " ", isOptional && label && _jsxs(_Typography, {
+        component: "span",
+        color: "textSecondary",
+        children: ["(", t("fieldlabel.optional.text"), ")"]
+      })]
     }) : _jsx(FieldLabel, {
       hasVisibleLabel: hasVisibleLabel,
       id: labelId,
       inputId: id,
       isOptional: isOptional,
-      optionalText: optionalLabel,
       text: label
     }), hint && _jsx(FieldHint, {
       id: hintId,
@@ -66,7 +72,6 @@ const Field = _ref => {
     })]
   });
 };
-
 const MemoizedField = memo(Field);
 export { MemoizedField as Field };
 //# sourceMappingURL=Field.js.map

package/dist/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useUniqueId","Field","errorMessage","fieldType","hasVisibleLabel","hint","id","idOverride","isDisabled","isRadioGroup","isOptional","label","optionalLabel","renderFieldComponent","hintId","undefined","errorId","labelId","ariaDescribedBy","join","trim","Boolean","MemoizedField"],"sources":["../src/Field.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { FieldError } from \"./FieldError\";\nimport { FieldHint } from \"./FieldHint\";\nimport { FieldLabel } from \"./FieldLabel\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n   */\n  fieldType: \"single\" | \"group\";\n  hasVisibleLabel: boolean;\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: boolean;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The label for the `input` element if the it's not optional\n   */\n  optionalLabel?: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Render-props function that sends back ARIA props to your field component.\n   */\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    id,\n  }: {\n    ariaDescribedBy?: string;\n    id: string;\n  }) => ReactElement;\n};\n\nconst Field = ({\n  errorMessage,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  id: idOverride,\n  isDisabled = false,\n  isRadioGroup = false,\n  isOptional = false,\n  label,\n  optionalLabel,\n  renderFieldComponent,\n}: FieldProps) => {\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorId = errorMessage ? `${id}-error` : undefined;\n  const labelId = `${id}-label`;\n\n  const ariaDescribedBy = useMemo(\n    () => [hintId, errorId].join(\" \").trim() || undefined,\n    [errorId, hintId]\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={Boolean(errorMessage)}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\">{label}</MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelId}\n          inputId={id}\n          isOptional={isOptional}\n          optionalText={optionalLabel}\n          text={label}\n        />\n      )}\n\n      {hint && <FieldHint id={hintId} text={hint} />}\n\n      {renderFieldComponent({\n        ariaDescribedBy,\n        id,\n      })}\n\n      {errorMessage && <FieldError id={errorId} text={errorMessage} />}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\n\nexport { MemoizedField as Field };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,EAA6BC,OAA7B,QAA4C,OAA5C;SAMSC,U;SACAC,S;SACAC,U;SACAC,W;;;;AAwDT,MAAMC,KAAK,GAAG,QAYI;EAAA,IAZH;IACbC,YADa;IAEbC,SAFa;IAGbC,eAHa;IAIbC,IAJa;IAKbC,EAAE,EAAEC,UALS;IAMbC,UAAU,GAAG,KANA;IAObC,YAAY,GAAG,KAPF;IAQbC,UAAU,GAAG,KARA;IASbC,KATa;IAUbC,aAVa;IAWbC;EAXa,CAYG;EAChB,MAAMP,EAAE,GAAGN,WAAW,CAACO,UAAD,CAAtB;EACA,MAAMO,MAAM,GAAGT,IAAI,GAAI,GAAEC,EAAG,OAAT,GAAkBS,SAArC;EACA,MAAMC,OAAO,GAAGd,YAAY,GAAI,GAAEI,EAAG,QAAT,GAAmBS,SAA/C;EACA,MAAME,OAAO,GAAI,GAAEX,EAAG,QAAtB;EAEA,MAAMY,eAAe,GAAGtB,OAAO,CAC7B,MAAM,CAACkB,MAAD,EAASE,OAAT,EAAkBG,IAAlB,CAAuB,GAAvB,EAA4BC,IAA5B,MAAsCL,SADf,EAE7B,CAACC,OAAD,EAAUF,MAAV,CAF6B,CAA/B;EAKA,OACE;IACE,SAAS,EAAEX,SAAS,KAAK,OAAd,GAAwB,UAAxB,GAAqC,KADlD;IAEE,QAAQ,EAAEK,UAFZ;IAGE,KAAK,EAAEa,OAAO,CAACnB,YAAD,CAHhB;IAIE,IAAI,EAAEO,YAAY,GAAG,YAAH,GAAkBM,SAJtC;IAAA,WAMGZ,SAAS,KAAK,OAAd,GACC;MAAc,SAAS,EAAC,QAAxB;MAAA,UAAkCQ;IAAlC,EADD,GAGC,KAAC,UAAD;MACE,eAAe,EAAEP,eADnB;MAEE,EAAE,EAAEa,OAFN;MAGE,OAAO,EAAEX,EAHX;MAIE,UAAU,EAAEI,UAJd;MAKE,YAAY,EAAEE,aALhB;MAME,IAAI,EAAED;IANR,EATJ,EAmBGN,IAAI,IAAI,KAAC,SAAD;MAAW,EAAE,EAAES,MAAf;MAAuB,IAAI,EAAET;IAA7B,EAnBX,EAqBGQ,oBAAoB,CAAC;MACpBK,eADoB;MAEpBZ;IAFoB,CAAD,CArBvB,EA0BGJ,YAAY,IAAI,KAAC,UAAD;MAAY,EAAE,EAAEc,OAAhB;MAAyB,IAAI,EAAEd;IAA/B,EA1BnB;EAAA,EADF;AA8BD,CArDD;;AAuDA,MAAMoB,aAAa,GAAG3B,IAAI,CAACM,KAAD,CAA1B;AAEA,SAASqB,aAAa,IAAIrB,KAA1B"}
+{"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useUniqueId","useTranslation","jsxs","_jsxs","jsx","_jsx","Field","_ref","errorMessage","fieldType","hasVisibleLabel","hint","id","idOverride","isDisabled","isRadioGroup","isOptional","label","renderFieldComponent","t","hintId","undefined","errorId","labelId","ariaDescribedBy","join","trim","_FormControl","component","disabled","error","Boolean","role","children","_FormLabel","_Typography","color","inputId","text","MemoizedField"],"sources":["../src/Field.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n  Typography,\n} from \"@mui/material\";\nimport { FieldError } from \"./FieldError\";\nimport { FieldHint } from \"./FieldHint\";\nimport { FieldLabel } from \"./FieldLabel\";\nimport { useUniqueId } from \"./useUniqueId\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n   */\n  fieldType: \"single\" | \"group\";\n  hasVisibleLabel: boolean;\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: boolean;\n  /**\n   * Important for determining if children inherit error state\n   */\n  isCheckboxGroup?: boolean;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Render-props function that sends back ARIA props to your field component.\n   */\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    id,\n  }: {\n    ariaDescribedBy?: string;\n    id: string;\n  }) => ReactElement;\n};\n\nconst Field = ({\n  errorMessage,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  id: idOverride,\n  isDisabled = false,\n  isRadioGroup = false,\n  isOptional = false,\n  label,\n  renderFieldComponent,\n}: FieldProps) => {\n  const { t } = useTranslation();\n\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorId = errorMessage ? `${id}-error` : undefined;\n  const labelId = `${id}-label`;\n\n  const ariaDescribedBy = useMemo(\n    () => [hintId, errorId].join(\" \").trim() || undefined,\n    [errorId, hintId]\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={Boolean(errorMessage)}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\">\n          {label}{\" \"}\n          {isOptional && label && (\n            <Typography component=\"span\" color=\"textSecondary\">\n              ({t(\"fieldlabel.optional.text\")})\n            </Typography>\n          )}\n        </MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelId}\n          inputId={id}\n          isOptional={isOptional}\n          text={label}\n        />\n      )}\n\n      {hint && <FieldHint id={hintId} text={hint} />}\n\n      {renderFieldComponent({\n        ariaDescribedBy,\n        id,\n      })}\n\n      {errorMessage && <FieldError id={errorId} text={errorMessage} />}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\n\nexport { MemoizedField as Field };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAO3CC,UAAU;AAAA,SACVC,SAAS;AAAA,SACTC,UAAU;AAAA,SACVC,WAAW;AACpB,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwD/C,MAAMC,KAAK,GAAGC,IAAA,IAWI;EAAA,IAXH;IACbC,YAAY;IACZC,SAAS;IACTC,eAAe;IACfC,IAAI;IACJC,EAAE,EAAEC,UAAU;IACdC,UAAU,GAAG,KAAK;IAClBC,YAAY,GAAG,KAAK;IACpBC,UAAU,GAAG,KAAK;IAClBC,KAAK;IACLC;EACU,CAAC,GAAAX,IAAA;EACX,MAAM;IAAEY;EAAE,CAAC,GAAGlB,cAAc,CAAC,CAAC;EAE9B,MAAMW,EAAE,GAAGZ,WAAW,CAACa,UAAU,CAAC;EAClC,MAAMO,MAAM,GAAGT,IAAI,GAAI,GAAEC,EAAG,OAAM,GAAGS,SAAS;EAC9C,MAAMC,OAAO,GAAGd,YAAY,GAAI,GAAEI,EAAG,QAAO,GAAGS,SAAS;EACxD,MAAME,OAAO,GAAI,GAAEX,EAAG,QAAO;EAE7B,MAAMY,eAAe,GAAG5B,OAAO,CAC7B,MAAM,CAACwB,MAAM,EAAEE,OAAO,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,CAAC,IAAIL,SAAS,EACrD,CAACC,OAAO,EAAEF,MAAM,CAClB,CAAC;EAED,OACEjB,KAAA,CAAAwB,YAAA;IACEC,SAAS,EAAEnB,SAAS,KAAK,OAAO,GAAG,UAAU,GAAG,KAAM;IACtDoB,QAAQ,EAAEf,UAAW;IACrBgB,KAAK,EAAEC,OAAO,CAACvB,YAAY,CAAE;IAC7BwB,IAAI,EAAEjB,YAAY,GAAG,YAAY,GAAGM,SAAU;IAAAY,QAAA,GAE7CxB,SAAS,KAAK,OAAO,GACpBN,KAAA,CAAA+B,UAAA;MAAcN,SAAS,EAAC,QAAQ;MAAAK,QAAA,GAC7BhB,KAAK,EAAE,GAAG,EACVD,UAAU,IAAIC,KAAK,IAClBd,KAAA,CAAAgC,WAAA;QAAYP,SAAS,EAAC,MAAM;QAACQ,KAAK,EAAC,eAAe;QAAAH,QAAA,GAAC,GAChD,EAACd,CAAC,CAAC,0BAA0B,CAAC,EAAC,GAClC;MAAA,CAAY,CACb;IAAA,CACW,CAAC,GAEfd,IAAA,CAACN,UAAU;MACTW,eAAe,EAAEA,eAAgB;MACjCE,EAAE,EAAEW,OAAQ;MACZc,OAAO,EAAEzB,EAAG;MACZI,UAAU,EAAEA,UAAW;MACvBsB,IAAI,EAAErB;IAAM,CACb,CACF,EAEAN,IAAI,IAAIN,IAAA,CAACP,SAAS;MAACc,EAAE,EAAEQ,MAAO;MAACkB,IAAI,EAAE3B;IAAK,CAAE,CAAC,EAE7CO,oBAAoB,CAAC;MACpBM,eAAe;MACfZ;IACF,CAAC,CAAC,EAEDJ,YAAY,IAAIH,IAAA,CAACR,UAAU;MAACe,EAAE,EAAEU,OAAQ;MAACgB,IAAI,EAAE9B;IAAa,CAAE,CAAC;EAAA,CAClD,CAAC;AAErB,CAAC;AAED,MAAM+B,aAAa,GAAG5C,IAAI,CAACW,KAAK,CAAC;AAEjC,SAASiC,aAAa,IAAIjC,KAAK"}

package/dist/FieldError.js

@@ -9,26 +9,29 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo } from "react";
 import { FormHelperText } from "./index.js";
 import { ScreenReaderText } from "./ScreenReaderText.js";
+import { useTranslation } from "react-i18next";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const FieldError = _ref => {
   let {
     id,
     text
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   return _jsxs(FormHelperText, {
     error: true,
     id: id,
     children: [_jsx(ScreenReaderText, {
-      children: "Error:"
+      children: `${t("fielderror.screenreader.text")}:`
     }), text]
   });
 };
-
 const MemoizedFieldError = memo(FieldError);
 export { MemoizedFieldError as FieldError };
 //# sourceMappingURL=FieldError.js.map

package/dist/FieldError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","names":["memo","FormHelperText","ScreenReaderText","FieldError","id","text","MemoizedFieldError"],"sources":["../src/FieldError.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\n\nimport { FormHelperText } from \".\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\n\nexport type FieldErrorProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldError = ({ id, text }: FieldErrorProps) => {\n  return (\n    <FormHelperText error id={id}>\n      <ScreenReaderText>Error:</ScreenReaderText>\n      {text}\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldError = memo(FieldError);\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,QAAqB,OAArB;SAESC,c;SACAC,gB;;;;AAOT,MAAMC,UAAU,GAAG,QAAmC;EAAA,IAAlC;IAAEC,EAAF;IAAMC;EAAN,CAAkC;EACpD,OACE,MAAC,cAAD;IAAgB,KAAK,MAArB;IAAsB,EAAE,EAAED,EAA1B;IAAA,WACE,KAAC,gBAAD;MAAA;IAAA,EADF,EAEGC,IAFH;EAAA,EADF;AAMD,CAPD;;AASA,MAAMC,kBAAkB,GAAGN,IAAI,CAACG,UAAD,CAA/B;AAEA,SAASG,kBAAkB,IAAIH,UAA/B"}
+{"version":3,"file":"FieldError.js","names":["memo","FormHelperText","ScreenReaderText","useTranslation","jsx","_jsx","jsxs","_jsxs","FieldError","_ref","id","text","t","error","children","MemoizedFieldError"],"sources":["../src/FieldError.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\n\nimport { FormHelperText } from \".\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type FieldErrorProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldError = ({ id, text }: FieldErrorProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <FormHelperText error id={id}>\n      <ScreenReaderText>{`${t(\n        \"fielderror.screenreader.text\"\n      )}:`}</ScreenReaderText>\n      {text}\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldError = memo(FieldError);\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAEpBC,cAAc;AAAA,SACdC,gBAAgB;AACzB,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAO/C,MAAMC,UAAU,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,EAAE;IAAEC;EAAsB,CAAC,GAAAF,IAAA;EAC/C,MAAM;IAAEG;EAAE,CAAC,GAAGT,cAAc,CAAC,CAAC;EAE9B,OACEI,KAAA,CAACN,cAAc;IAACY,KAAK;IAACH,EAAE,EAAEA,EAAG;IAAAI,QAAA,GAC3BT,IAAA,CAACH,gBAAgB;MAAAY,QAAA,EAAG,GAAEF,CAAC,CACrB,8BACF,CAAE;IAAE,CAAmB,CAAC,EACvBD,IAAI;EAAA,CACS,CAAC;AAErB,CAAC;AAED,MAAMI,kBAAkB,GAAGf,IAAI,CAACQ,UAAU,CAAC;AAE3C,SAASO,kBAAkB,IAAIP,UAAU"}

package/dist/FieldHint.js

@@ -9,10 +9,10 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo } from "react";
 import { FormHelperText } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const FieldHint = _ref => {
   let {
     id,
@@ -23,7 +23,6 @@ const FieldHint = _ref => {
     children: text
   });
 };
-
 const MemoizedFieldHint = memo(FieldHint);
 export { MemoizedFieldHint as FieldHint };
 //# sourceMappingURL=FieldHint.js.map

package/dist/FieldHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldHint.js","names":["memo","FormHelperText","FieldHint","id","text","MemoizedFieldHint"],"sources":["../src/FieldHint.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\n\nimport { FormHelperText } from \"./\";\n\nexport type FieldHintProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldHint = ({ id, text }: FieldHintProps) => {\n  return <FormHelperText id={id}>{text}</FormHelperText>;\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,QAAqB,OAArB;SAESC,c;;;AAOT,MAAMC,SAAS,GAAG,QAAkC;EAAA,IAAjC;IAAEC,EAAF;IAAMC;EAAN,CAAiC;EAClD,OAAO,KAAC,cAAD;IAAgB,EAAE,EAAED,EAApB;IAAA,UAAyBC;EAAzB,EAAP;AACD,CAFD;;AAIA,MAAMC,iBAAiB,GAAGL,IAAI,CAACE,SAAD,CAA9B;AAEA,SAASG,iBAAiB,IAAIH,SAA9B"}
+{"version":3,"file":"FieldHint.js","names":["memo","FormHelperText","jsx","_jsx","FieldHint","_ref","id","text","children","MemoizedFieldHint"],"sources":["../src/FieldHint.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\n\nimport { FormHelperText } from \"./\";\n\nexport type FieldHintProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldHint = ({ id, text }: FieldHintProps) => {\n  return <FormHelperText id={id}>{text}</FormHelperText>;\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAEpBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOvB,MAAMC,SAAS,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC,EAAE;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EAC7C,OAAOF,IAAA,CAACF,cAAc;IAACK,EAAE,EAAEA,EAAG;IAAAE,QAAA,EAAED;EAAI,CAAiB,CAAC;AACxD,CAAC;AAED,MAAME,iBAAiB,GAAGT,IAAI,CAACI,SAAS,CAAC;AAEzC,SAASK,iBAAiB,IAAIL,SAAS"}

package/dist/FieldLabel.js

@@ -1,32 +1,44 @@
 import _InputLabel from "@mui/material/InputLabel";
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
 import { memo, useMemo } from "react";
+import { useTranslation } from "react-i18next";
 import { ScreenReaderText } from "./ScreenReaderText.js";
 import { Typography } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const FieldLabel = _ref => {
   let {
     hasVisibleLabel,
     id,
     inputId,
     isOptional,
-    optionalText,
     text
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   const inputLabel = useMemo(() => _jsxs(_InputLabel, {
     htmlFor: inputId,
     id: id,
     children: [text, isOptional && _jsx(Typography, {
       variant: "subtitle1",
-      children: optionalText
+      children: t("fieldlabel.optional.text")
     })]
-  }), [id, inputId, isOptional, optionalText, text]);
+  }), [id, inputId, isOptional, text, t]);
   return hasVisibleLabel ? inputLabel : _jsx(ScreenReaderText, {
     children: inputLabel
   });
 };
-
 const MemoizedFieldLabel = memo(FieldLabel);
 export { MemoizedFieldLabel as FieldLabel };
 //# sourceMappingURL=FieldLabel.js.map

package/dist/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","names":["memo","useMemo","ScreenReaderText","Typography","FieldLabel","hasVisibleLabel","id","inputId","isOptional","optionalText","text","inputLabel","MemoizedFieldLabel"],"sources":["../src/FieldLabel.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { ScreenReaderText } from \"./ScreenReaderText\";\nimport { Typography } from \".\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isOptional: boolean;\n  optionalText?: string;\n  text: string;\n};\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  optionalText,\n  text,\n}: FieldLabelProps) => {\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel htmlFor={inputId} id={id}>\n        {text}\n        {isOptional && (\n          <Typography variant=\"subtitle1\">{optionalText}</Typography>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, optionalText, text]\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";AAaA,SAASA,IAAT,EAAeC,OAAf,QAA8B,OAA9B;SAESC,gB;SACAC,U;;;;AAWT,MAAMC,UAAU,GAAG,QAOI;EAAA,IAPH;IAClBC,eADkB;IAElBC,EAFkB;IAGlBC,OAHkB;IAIlBC,UAJkB;IAKlBC,YALkB;IAMlBC;EANkB,CAOG;EACrB,MAAMC,UAAU,GAAGV,OAAO,CACxB,MACE;IAAe,OAAO,EAAEM,OAAxB;IAAiC,EAAE,EAAED,EAArC;IAAA,WACGI,IADH,EAEGF,UAAU,IACT,KAAC,UAAD;MAAY,OAAO,EAAC,WAApB;MAAA,UAAiCC;IAAjC,EAHJ;EAAA,EAFsB,EASxB,CAACH,EAAD,EAAKC,OAAL,EAAcC,UAAd,EAA0BC,YAA1B,EAAwCC,IAAxC,CATwB,CAA1B;EAYA,OAAOL,eAAe,GACpBM,UADoB,GAGpB,KAAC,gBAAD;IAAA,UAAmBA;EAAnB,EAHF;AAKD,CAzBD;;AA2BA,MAAMC,kBAAkB,GAAGZ,IAAI,CAACI,UAAD,CAA/B;AAEA,SAASQ,kBAAkB,IAAIR,UAA/B"}
+{"version":3,"file":"FieldLabel.js","names":["memo","useMemo","useTranslation","ScreenReaderText","Typography","jsx","_jsx","jsxs","_jsxs","FieldLabel","_ref","hasVisibleLabel","id","inputId","isOptional","text","t","inputLabel","_InputLabel","htmlFor","children","variant","MemoizedFieldLabel"],"sources":["../src/FieldLabel.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\nimport { Typography } from \".\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isOptional: boolean;\n  text: string;\n};\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  text,\n}: FieldLabelProps) => {\n  const { t } = useTranslation();\n\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel htmlFor={inputId} id={id}>\n        {text}\n        {isOptional && (\n          <Typography variant=\"subtitle1\">\n            {t(\"fieldlabel.optional.text\")}\n          </Typography>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, text, t]\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAErC,SAASC,cAAc,QAAQ,eAAe;AAAC,SACtCC,gBAAgB;AAAA,SAChBC,UAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAUnB,MAAMC,UAAU,GAAGC,IAAA,IAMI;EAAA,IANH;IAClBC,eAAe;IACfC,EAAE;IACFC,OAAO;IACPC,UAAU;IACVC;EACe,CAAC,GAAAL,IAAA;EAChB,MAAM;IAAEM;EAAE,CAAC,GAAGd,cAAc,CAAC,CAAC;EAE9B,MAAMe,UAAU,GAAGhB,OAAO,CACxB,MACEO,KAAA,CAAAU,WAAA;IAAeC,OAAO,EAAEN,OAAQ;IAACD,EAAE,EAAEA,EAAG;IAAAQ,QAAA,GACrCL,IAAI,EACJD,UAAU,IACTR,IAAA,CAACF,UAAU;MAACiB,OAAO,EAAC,WAAW;MAAAD,QAAA,EAC5BJ,CAAC,CAAC,0BAA0B;IAAC,CACpB,CACb;EAAA,CACY,CAChB,EACD,CAACJ,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,IAAI,EAAEC,CAAC,CACnC,CAAC;EAED,OAAOL,eAAe,GACpBM,UAAU,GAEVX,IAAA,CAACH,gBAAgB;IAAAiB,QAAA,EAAEH;EAAU,CAAmB,CACjD;AACH,CAAC;AAED,MAAMK,kBAAkB,GAAGtB,IAAI,CAACS,UAAU,CAAC;AAE3C,SAASa,kBAAkB,IAAIb,UAAU"}

package/dist/Fieldset.js

@@ -0,0 +1,55 @@
+/*!
+ * 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 { Box, Typography } from "./index.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Fieldset = _ref => {
+  let {
+    alert,
+    children,
+    description,
+    legend,
+    name,
+    id: idOverride
+  } = _ref;
+  const id = useUniqueId(idOverride);
+  return _jsxs(Box, {
+    component: "fieldset",
+    name: name,
+    id: id,
+    sx: {
+      maxWidth: theme => theme.mixins.maxWidth,
+      margin: theme => theme.spacing(0),
+      marginBlockEnd: theme => theme.spacing(4),
+      padding: theme => theme.spacing(0),
+      border: "0",
+      "&:last-child": {
+        marginBlockEnd: theme => theme.spacing(0)
+      }
+    },
+    children: [_jsx(Typography, {
+      variant: "legend",
+      component: "legend",
+      children: legend
+    }), description && _jsx(Typography, {
+      paragraph: true,
+      children: description
+    }), alert, children]
+  });
+};
+const MemoizedFieldset = memo(Fieldset);
+MemoizedFieldset.displayName = "Fieldset";
+export { MemoizedFieldset as Fieldset };
+//# sourceMappingURL=Fieldset.js.map

package/dist/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","names":["memo","Box","Typography","useUniqueId","jsx","_jsx","jsxs","_jsxs","Fieldset","_ref","alert","children","description","legend","name","id","idOverride","component","sx","maxWidth","theme","mixins","margin","spacing","marginBlockEnd","padding","border","variant","paragraph","MemoizedFieldset","displayName"],"sources":["../src/Fieldset.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement } from \"react\";\n\nimport { Box, Typography } from \".\";\nimport { Infobox } from \"./Infobox\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FieldsetProps = {\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * An Infobox indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Infobox>;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n  // /**\n  //  * If this Boolean attribute is set, all form controls that are descendants of the <fieldset>, are disabled, meaning they are not editable and won't be submitted along with the <form>.\n  //  * They won't receive any browsing events, like mouse clicks or focus-related events.\n  //  * Note that form elements inside the <legend> element won't be disabled.\n  //  */\n  // NOTE: Functionality is currently disabled. This will correctly disable child <input>s, but will not pass `isDisabled` to the child components.\n  // isDisabled?: boolean;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n};\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  legend,\n  name,\n  id: idOverride,\n}: // isDisabled,\nFieldsetProps) => {\n  const id = useUniqueId(idOverride);\n\n  return (\n    <Box\n      component=\"fieldset\"\n      // disabled={isDisabled}\n      name={name}\n      id={id}\n      sx={{\n        maxWidth: (theme) => theme.mixins.maxWidth,\n        margin: (theme) => theme.spacing(0),\n        marginBlockEnd: (theme) => theme.spacing(4),\n        padding: (theme) => theme.spacing(0),\n        border: \"0\",\n\n        \"&:last-child\": {\n          marginBlockEnd: (theme) => theme.spacing(0),\n        },\n      }}\n    >\n      <Typography variant=\"legend\" component=\"legend\">\n        {legend}\n      </Typography>\n      {description && <Typography paragraph>{description}</Typography>}\n      {alert}\n      {children}\n    </Box>\n  );\n};\n\nconst MemoizedFieldset = memo(Fieldset);\nMemoizedFieldset.displayName = \"Fieldset\";\n\nexport { MemoizedFieldset as Fieldset };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAsB,OAAO;AAAC,SAElCC,GAAG,EAAEC,UAAU;AAAA,SAEfC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAoCpB,MAAMC,QAAQ,GAAGC,IAAA,IAQC;EAAA,IARA;IAChBC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,MAAM;IACNC,IAAI;IACJC,EAAE,EAAEC;EAEM,CAAC,GAAAP,IAAA;EACX,MAAMM,EAAE,GAAGZ,WAAW,CAACa,UAAU,CAAC;EAElC,OACET,KAAA,CAACN,GAAG;IACFgB,SAAS,EAAC,UAAU;IAEpBH,IAAI,EAAEA,IAAK;IACXC,EAAE,EAAEA,EAAG;IACPG,EAAE,EAAE;MACFC,QAAQ,EAAGC,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACF,QAAQ;MAC1CG,MAAM,EAAGF,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MACnCC,cAAc,EAAGJ,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MAC3CE,OAAO,EAAGL,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MACpCG,MAAM,EAAE,GAAG;MAEX,cAAc,EAAE;QACdF,cAAc,EAAGJ,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;MAC5C;IACF,CAAE;IAAAZ,QAAA,GAEFN,IAAA,CAACH,UAAU;MAACyB,OAAO,EAAC,QAAQ;MAACV,SAAS,EAAC,QAAQ;MAAAN,QAAA,EAC5CE;IAAM,CACG,CAAC,EACZD,WAAW,IAAIP,IAAA,CAACH,UAAU;MAAC0B,SAAS;MAAAjB,QAAA,EAAEC;IAAW,CAAa,CAAC,EAC/DF,KAAK,EACLC,QAAQ;EAAA,CACN,CAAC;AAEV,CAAC;AAED,MAAMkB,gBAAgB,GAAG7B,IAAI,CAACQ,QAAQ,CAAC;AACvCqB,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIrB,QAAQ"}

package/dist/Form.js

@@ -0,0 +1,69 @@
+/*!
+ * 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 { Box, Typography } from "./index.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Form = _ref => {
+  let {
+    alert,
+    children,
+    description,
+    encodingType,
+    formActions,
+    hasAutoComplete,
+    id: idOverride,
+    method,
+    name,
+    noValidate = false,
+    target,
+    title
+  } = _ref;
+  const id = useUniqueId(idOverride);
+  return _jsxs(Box, {
+    component: "form",
+    autoComplete: hasAutoComplete,
+    name: name,
+    encType: encodingType,
+    method: method,
+    noValidate: noValidate,
+    target: target,
+    id: id,
+    sx: {
+      maxWidth: theme => theme.mixins.maxWidth,
+      margin: theme => theme.spacing(0),
+      padding: theme => theme.spacing(0)
+    },
+    children: [title && _jsx(Typography, {
+      variant: "h4",
+      component: "h1",
+      children: title
+    }), description && _jsx(Typography, {
+      paragraph: true,
+      children: description
+    }), alert, children, formActions && _jsx(Box, {
+      component: "div",
+      sx: {
+        display: "flex",
+        justifyContent: "flex-start",
+        gap: theme => theme.spacing(1)
+      },
+      children: formActions
+    })]
+  });
+};
+const MemoizedForm = memo(Form);
+MemoizedForm.displayName = "Form";
+export { MemoizedForm as Form };
+//# sourceMappingURL=Form.js.map

package/dist/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["memo","Box","Typography","useUniqueId","jsx","_jsx","jsxs","_jsxs","Form","_ref","alert","children","description","encodingType","formActions","hasAutoComplete","id","idOverride","method","name","noValidate","target","title","component","autoComplete","encType","sx","maxWidth","theme","mixins","margin","spacing","padding","variant","paragraph","display","justifyContent","gap","MemoizedForm","displayName"],"sources":["../src/Form.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement } from \"react\";\n\nimport { Box, Typography } from \"./\";\nimport { Button } from \"./Button\";\nimport { Infobox } from \"./Infobox\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FormProps = {\n  /**\n   * The title of the Form\n   */\n  title?: string;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * The Field or FieldSet components within the Form\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * An Infobox indicating a Form-wide error or status update.\n   */\n  alert?: ReactElement<typeof Infobox>;\n  /**\n   * Indicates whether input elements can by default have their values automatically completed by the browser.\n   * `autocomplete` attributes on form elements override it on <form>\n   */\n  hasAutoComplete?: \"on\" | \"off\" | undefined;\n  /**\n   * The name of the form. The value must not be the empty string, and must be unique among the form elements in the forms collection that it is in, if any.\n   */\n  name: string;\n  /**\n   * This Boolean attribute indicates that the form shouldn't be validated when submitted.\n   * If this attribute is not set (and therefore the form is validated),\n   * it can be overridden by a formnovalidate attribute on a <button>, <input type=\"submit\">, or <input type=\"image\"> element belonging to the form.\n   */\n  noValidate?: boolean;\n  /**\n   * If the value of the method attribute is post, enctype is the MIME type of the form submission.\n   * This value can be overridden by formenctype attributes on <button>, <input type=\"submit\">, or <input type=\"image\"> elements.\n   */\n  encodingType?:\n    | \"application/x-www-form-urlencoded\"\n    | \"multipart/form-data\"\n    | \"text/plain\"\n    | undefined;\n  /**\n   * The HTTP method to submit the form with.\n   * This value is overridden by formmethod attributes on <button>, <input type=\"submit\">, or <input type=\"image\"> elements.\n   */\n  method?: \"post\" | \"get\" | \"dialog\" | undefined;\n  /**\n   * Indicates where to display the response after submitting the form. It is a name/keyword for a browsing context (for example, tab, window, or iframe).\n   * This value can be overridden by a formtarget attribute on a <button>, <input type=\"submit\">, or <input type=\"image\"> element.\n   */\n  target?: \"post\" | \"get\" | \"dialog\" | undefined;\n  /**\n   * The Field or FieldGroup components within the Form\n   */\n  formActions?:\n    | ReactElement<typeof Button>\n    | Array<ReactElement<typeof Button>>;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n};\n\nconst Form = ({\n  alert,\n  children,\n  description,\n  encodingType,\n  formActions,\n  hasAutoComplete,\n  id: idOverride,\n  method,\n  name,\n  noValidate = false,\n  target,\n  title,\n}: FormProps) => {\n  const id = useUniqueId(idOverride);\n\n  return (\n    <Box\n      component=\"form\"\n      autoComplete={hasAutoComplete}\n      name={name}\n      encType={encodingType}\n      method={method}\n      noValidate={noValidate}\n      target={target}\n      id={id}\n      sx={{\n        maxWidth: (theme) => theme.mixins.maxWidth,\n        margin: (theme) => theme.spacing(0),\n        padding: (theme) => theme.spacing(0),\n      }}\n    >\n      {title && (\n        <Typography variant=\"h4\" component=\"h1\">\n          {title}\n        </Typography>\n      )}\n      {description && <Typography paragraph>{description}</Typography>}\n      {alert}\n      {children}\n      {formActions && (\n        <Box\n          component=\"div\"\n          sx={{\n            display: \"flex\",\n            justifyContent: \"flex-start\",\n            gap: (theme) => theme.spacing(1),\n          }}\n        >\n          {formActions}\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedForm = memo(Form);\nMemoizedForm.displayName = \"Form\";\n\nexport { MemoizedForm as Form };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAsB,OAAO;AAAC,SAElCC,GAAG,EAAEC,UAAU;AAAA,SAGfC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAiEpB,MAAMC,IAAI,GAAGC,IAAA,IAaI;EAAA,IAbH;IACZC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,eAAe;IACfC,EAAE,EAAEC,UAAU;IACdC,MAAM;IACNC,IAAI;IACJC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACS,CAAC,GAAAb,IAAA;EACV,MAAMO,EAAE,GAAGb,WAAW,CAACc,UAAU,CAAC;EAElC,OACEV,KAAA,CAACN,GAAG;IACFsB,SAAS,EAAC,MAAM;IAChBC,YAAY,EAAET,eAAgB;IAC9BI,IAAI,EAAEA,IAAK;IACXM,OAAO,EAAEZ,YAAa;IACtBK,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfL,EAAE,EAAEA,EAAG;IACPU,EAAE,EAAE;MACFC,QAAQ,EAAGC,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACF,QAAQ;MAC1CG,MAAM,EAAGF,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MACnCC,OAAO,EAAGJ,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;IACrC,CAAE;IAAApB,QAAA,GAEDW,KAAK,IACJjB,IAAA,CAACH,UAAU;MAAC+B,OAAO,EAAC,IAAI;MAACV,SAAS,EAAC,IAAI;MAAAZ,QAAA,EACpCW;IAAK,CACI,CACb,EACAV,WAAW,IAAIP,IAAA,CAACH,UAAU;MAACgC,SAAS;MAAAvB,QAAA,EAAEC;IAAW,CAAa,CAAC,EAC/DF,KAAK,EACLC,QAAQ,EACRG,WAAW,IACVT,IAAA,CAACJ,GAAG;MACFsB,SAAS,EAAC,KAAK;MACfG,EAAE,EAAE;QACFS,OAAO,EAAE,MAAM;QACfC,cAAc,EAAE,YAAY;QAC5BC,GAAG,EAAGT,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;MACjC,CAAE;MAAApB,QAAA,EAEDG;IAAW,CACT,CACN;EAAA,CACE,CAAC;AAEV,CAAC;AAED,MAAMwB,YAAY,GAAGtC,IAAI,CAACQ,IAAI,CAAC;AAC/B8B,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAI9B,IAAI"}

package/dist/Icon.js

@@ -9,10 +9,9 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { forwardRef } from "react";
 import { iconDictionary } from "./iconDictionary/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Icon = forwardRef(_ref => {
+export const Icon = _ref => {
   let {
     ariaLabelledby,
     label,
@@ -26,6 +25,6 @@ export const Icon = forwardRef(_ref => {
     fontSize: size,
     titleAccess: label
   });
-});
+};
 Icon.displayName = "Icon";
 //# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["forwardRef","iconDictionary","Icon","ariaLabelledby","label","name","size","NamedIcon","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 { forwardRef } from \"react\";\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 = forwardRef<SVGSVGElement, IconProps>(\n  ({ ariaLabelledby, label, name, size }) => {\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);\n\nIcon.displayName = \"Icon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,UAAT,QAA2B,OAA3B;SACSC,c;;AA2BT,OAAO,MAAMC,IAAI,GAAGF,UAAU,CAC5B,QAA2C;EAAA,IAA1C;IAAEG,cAAF;IAAkBC,KAAlB;IAAyBC,IAAzB;IAA+BC;EAA/B,CAA0C;EACzC,IAAI,EAAED,IAAI,IAAIJ,cAAV,CAAJ,EAA+B,OAAO,IAAP;EAE/B,MAAMM,SAAS,GAAGN,cAAc,CAACI,IAAD,CAAhC;EAEA,OACE,KAAC,SAAD;IACE,mBAAiBF,cADnB;IAEE,QAAQ,EAAEG,IAFZ;IAGE,WAAW,EAAEF;EAHf,EADF;AAOD,CAb2B,CAAvB;AAgBPF,IAAI,CAACM,WAAL,GAAmB,MAAnB"}
+{"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

@@ -9,11 +9,12 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo } from "react";
 import { Alert, AlertTitle, ScreenReaderText } from "./index.js";
+import { useTranslation } from "react-i18next";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Infobox = _ref => {
   let {
     children,
@@ -21,18 +22,20 @@ const Infobox = _ref => {
     severity,
     title
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   return _jsxs(Alert, {
     role: role,
     severity: severity,
     variant: "infobox",
     children: [_jsxs(ScreenReaderText, {
-      children: [severity, ": "]
+      children: [t(`severity.${severity}`), ": "]
     }), title && _jsx(AlertTitle, {
       children: title
     }), children]
   });
 };
-
 const MemoizedInfobox = memo(Infobox);
 export { MemoizedInfobox as Infobox };
 //# sourceMappingURL=Infobox.js.map

package/dist/Infobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Infobox.js","names":["memo","Alert","AlertTitle","ScreenReaderText","Infobox","children","role","severity","title","MemoizedInfobox"],"sources":["../src/Infobox.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { AlertColor } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\nimport { Alert, AlertTitle, ScreenReaderText } from \".\";\n\nexport 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  <Alert role={role} severity={severity} variant=\"infobox\">\n    <ScreenReaderText>{severity}: </ScreenReaderText>\n    {title && <AlertTitle>{title}</AlertTitle>}\n    {children}\n  </Alert>\n);\n\nconst MemoizedInfobox = memo(Infobox);\n\nexport { MemoizedInfobox as Infobox };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAT,QAAgC,OAAhC;SACSC,K,EAAOC,U,EAAYC,gB;;;;AAuB5B,MAAMC,OAAO,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC,IAAZ;IAAkBC,QAAlB;IAA4BC;EAA5B,CAAD;EAAA,OACd,MAAC,KAAD;IAAO,IAAI,EAAEF,IAAb;IAAmB,QAAQ,EAAEC,QAA7B;IAAuC,OAAO,EAAC,SAA/C;IAAA,WACE,MAAC,gBAAD;MAAA,WAAmBA,QAAnB;IAAA,EADF,EAEGC,KAAK,IAAI,KAAC,UAAD;MAAA,UAAaA;IAAb,EAFZ,EAGGH,QAHH;EAAA,EADc;AAAA,CAAhB;;AAQA,MAAMI,eAAe,GAAGT,IAAI,CAACI,OAAD,CAA5B;AAEA,SAASK,eAAe,IAAIL,OAA5B"}
+{"version":3,"file":"Infobox.js","names":["memo","Alert","AlertTitle","ScreenReaderText","useTranslation","jsxs","_jsxs","jsx","_jsx","Infobox","_ref","children","role","severity","title","t","variant","MemoizedInfobox"],"sources":["../src/Infobox.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { AlertColor } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\nimport { Alert, AlertTitle, ScreenReaderText } from \".\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type InfoboxProps = {\n  /**\n   * The contents of the alert\n   */\n  children: ReactNode;\n  /**\n   * Sets the ARIA role of the alert\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: \"status\" | \"alert\";\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: AlertColor;\n  /**\n   * The title of the alert\n   */\n  title?: string;\n};\n\nconst Infobox = ({ children, role, severity, title }: InfoboxProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert role={role} severity={severity} variant=\"infobox\">\n      <ScreenReaderText>{t(`severity.${severity}`)}: </ScreenReaderText>\n      {title && <AlertTitle>{title}</AlertTitle>}\n      {children}\n    </Alert>\n  );\n};\n\nconst MemoizedInfobox = memo(Infobox);\n\nexport { MemoizedInfobox as Infobox };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,IAAI,QAAmB,OAAO;AAAC,SAC/BC,KAAK,EAAEC,UAAU,EAAEC,gBAAgB;AAC5C,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAuB/C,MAAMC,OAAO,GAAGC,IAAA,IAAuD;EAAA,IAAtD;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAoB,CAAC,GAAAJ,IAAA;EAChE,MAAM;IAAEK;EAAE,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE9B,OACEE,KAAA,CAACL,KAAK;IAACW,IAAI,EAAEA,IAAK;IAACC,QAAQ,EAAEA,QAAS;IAACG,OAAO,EAAC,SAAS;IAAAL,QAAA,GACtDL,KAAA,CAACH,gBAAgB;MAAAQ,QAAA,GAAEI,CAAC,CAAE,YAAWF,QAAS,EAAC,CAAC,EAAC,IAAE;IAAA,CAAkB,CAAC,EACjEC,KAAK,IAAIN,IAAA,CAACN,UAAU;MAAAS,QAAA,EAAEG;IAAK,CAAa,CAAC,EACzCH,QAAQ;EAAA,CACJ,CAAC;AAEZ,CAAC;AAED,MAAMM,eAAe,GAAGjB,IAAI,CAACS,OAAO,CAAC;AAErC,SAASQ,eAAe,IAAIR,OAAO"}

package/dist/Link.js

@@ -1,6 +1,5 @@
 import _Link from "@mui/material/Link";
 import _SvgIcon from "@mui/material/SvgIcon";
-
 /*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
@@ -12,6 +11,7 @@ import _SvgIcon from "@mui/material/SvgIcon";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -20,12 +20,16 @@ export const Link = forwardRef((props, ref) => {
     icon,
     children,
     target,
-    variant
+    variant,
+    href,
+    rel
   } = props;
   return _jsxs(_Link, {
     ref: ref,
     variant: variant,
     target: target,
+    href: href,
+    rel: rel,
     children: [icon && _jsx("span", {
       className: "Link-icon",
       children: icon

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["forwardRef","Link","props","ref","icon","children","target","variant"],"sources":["../src/Link.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { forwardRef, ReactElement } from \"react\";\n\nimport {\n  Link as MuiLink,\n  LinkProps as MuiLinkProps,\n  SvgIcon,\n} from \"@mui/material\";\n\nexport type LinkProps = {\n  children: React.ReactNode;\n  href: string;\n  icon?: ReactElement;\n  rel?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | string;\n  variant?: MuiLinkProps[\"variant\"];\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { icon, children, target, variant } = props;\n  return (\n    <MuiLink ref={ref} variant={variant} target={target}>\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n      {children}\n      {target === \"_blank\" && (\n        <span className=\"Link-indicator\" role=\"presentation\">\n          <SvgIcon viewBox=\"0 0 16 16\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z\"\n              fill=\"currentColor\"\n            />\n          </SvgIcon>\n        </span>\n      )}\n    </MuiLink>\n  );\n});\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,UAAT,QAAyC,OAAzC;;;AAiBA,OAAO,MAAMC,IAAI,GAAGD,UAAU,CAA+B,CAACE,KAAD,EAAQC,GAAR,KAAgB;EAC3E,MAAM;IAAEC,IAAF;IAAQC,QAAR;IAAkBC,MAAlB;IAA0BC;EAA1B,IAAsCL,KAA5C;EACA,OACE;IAAS,GAAG,EAAEC,GAAd;IAAmB,OAAO,EAAEI,OAA5B;IAAqC,MAAM,EAAED,MAA7C;IAAA,WACGF,IAAI,IAAI;MAAM,SAAS,EAAC,WAAhB;MAAA,UAA6BA;IAA7B,EADX,EAEGC,QAFH,EAGGC,MAAM,KAAK,QAAX,IACC;MAAM,SAAS,EAAC,gBAAhB;MAAiC,IAAI,EAAC,cAAtC;MAAA,UACE;QAAS,OAAO,EAAC,WAAjB;QAAA,UACE;UACE,QAAQ,EAAC,SADX;UAEE,QAAQ,EAAC,SAFX;UAGE,CAAC,EAAC,yKAHJ;UAIE,IAAI,EAAC;QAJP;MADF;IADF,EAJJ;EAAA,EADF;AAkBD,CApB6B,CAAvB"}
+{"version":3,"file":"Link.js","names":["forwardRef","jsx","_jsx","jsxs","_jsxs","Link","props","ref","icon","children","target","variant","href","rel","_Link","className","role","_SvgIcon","viewBox","fillRule","clipRule","d","fill"],"sources":["../src/Link.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { forwardRef, ReactElement } from \"react\";\n\nimport {\n  Link as MuiLink,\n  LinkProps as MuiLinkProps,\n  SvgIcon,\n} from \"@mui/material\";\n\nexport type LinkProps = {\n  children: React.ReactNode;\n  href: string;\n  icon?: ReactElement;\n  rel?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | string;\n  variant?: MuiLinkProps[\"variant\"];\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { icon, children, target, variant, href, rel } = props;\n  return (\n    <MuiLink ref={ref} variant={variant} target={target} href={href} rel={rel}>\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n      {children}\n      {target === \"_blank\" && (\n        <span className=\"Link-indicator\" role=\"presentation\">\n          <SvgIcon viewBox=\"0 0 16 16\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z\"\n              fill=\"currentColor\"\n            />\n          </SvgIcon>\n        </span>\n      )}\n    </MuiLink>\n  );\n});\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAsB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAiBjD,OAAO,MAAMC,IAAI,GAAGL,UAAU,CAA+B,CAACM,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAI,CAAC,GAAGP,KAAK;EAC5D,OACEF,KAAA,CAAAU,KAAA;IAASP,GAAG,EAAEA,GAAI;IAACI,OAAO,EAAEA,OAAQ;IAACD,MAAM,EAAEA,MAAO;IAACE,IAAI,EAAEA,IAAK;IAACC,GAAG,EAAEA,GAAI;IAAAJ,QAAA,GACvED,IAAI,IAAIN,IAAA;MAAMa,SAAS,EAAC,WAAW;MAAAN,QAAA,EAAED;IAAI,CAAO,CAAC,EACjDC,QAAQ,EACRC,MAAM,KAAK,QAAQ,IAClBR,IAAA;MAAMa,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAAP,QAAA,EAClDP,IAAA,CAAAe,QAAA;QAASC,OAAO,EAAC,WAAW;QAAAT,QAAA,EAC1BP,IAAA;UACEiB,QAAQ,EAAC,SAAS;UAClBC,QAAQ,EAAC,SAAS;UAClBC,CAAC,EAAC,yKAAyK;UAC3KC,IAAI,EAAC;QAAc,CACpB;MAAC,CACK;IAAC,CACN,CACP;EAAA,CACM,CAAC;AAEd,CAAC,CAAC"}

package/dist/MenuButton.js

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