@okta/odyssey-contribution-tooling 1.48.0 → 1.49.0

package/dist/esm/ErrorMessageList.js

@@ -0,0 +1,44 @@
+import _List from "@mui/material/List";
+import _ListItem from "@mui/material/ListItem";
+/*!
+ * 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, useMemo } from "react";
+import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const listItemStyles = {
+  display: "list-item",
+  paddingInlineStart: 0
+};
+const ErrorMessageList = ({
+  errorMessages
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const listStyles = useMemo(() => ({
+    listStyle: "disc",
+    paddingInlineStart: odysseyDesignTokens.Spacing4
+  }), [odysseyDesignTokens]);
+  return _jsx(_List, {
+    dense: true,
+    disablePadding: true,
+    sx: listStyles,
+    children: errorMessages.map(errorMessage => _jsx(_ListItem, {
+      dense: true,
+      disablePadding: true,
+      sx: listItemStyles,
+      children: errorMessage
+    }, errorMessage))
+  });
+};
+const MemoizedErrorMessageList = memo(ErrorMessageList);
+MemoizedErrorMessageList.displayName = "ErrorMessageList";
+export { MemoizedErrorMessageList as ErrorMessageList };
+//# sourceMappingURL=ErrorMessageList.js.map

package/dist/esm/ErrorMessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessageList.js","names":["memo","useMemo","useOdysseyDesignTokens","jsx","_jsx","listItemStyles","display","paddingInlineStart","ErrorMessageList","errorMessages","odysseyDesignTokens","listStyles","listStyle","Spacing4","_List","dense","disablePadding","sx","children","map","errorMessage","_ListItem","MemoizedErrorMessageList","displayName"],"sources":["../../src/ErrorMessageList.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 { List as MuiList, ListItem as MuiListItem } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ErrorMessageListProps = {\n  errorMessages: string[];\n};\n\nconst listItemStyles = {\n  display: \"list-item\",\n  paddingInlineStart: 0,\n};\n\nconst ErrorMessageList = ({ errorMessages }: ErrorMessageListProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const listStyles = useMemo(\n    () => ({\n      listStyle: \"disc\",\n      paddingInlineStart: odysseyDesignTokens.Spacing4,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <MuiList dense disablePadding sx={listStyles}>\n      {errorMessages.map((errorMessage) => (\n        <MuiListItem\n          dense\n          disablePadding\n          key={errorMessage}\n          sx={listItemStyles}\n        >\n          {errorMessage}\n        </MuiListItem>\n      ))}\n    </MuiList>\n  );\n};\n\nconst MemoizedErrorMessageList = memo(ErrorMessageList);\nMemoizedErrorMessageList.displayName = \"ErrorMessageList\";\n\nexport { MemoizedErrorMessageList as ErrorMessageList };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAErC,SAASC,sBAAsB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMzE,MAAMC,cAAc,GAAG;EACrBC,OAAO,EAAE,WAAW;EACpBC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EACrE,MAAMC,mBAAmB,GAAGR,sBAAsB,CAAC,CAAC;EAEpD,MAAMS,UAAU,GAAGV,OAAO,CACxB,OAAO;IACLW,SAAS,EAAE,MAAM;IACjBL,kBAAkB,EAAEG,mBAAmB,CAACG;EAC1C,CAAC,CAAC,EACF,CAACH,mBAAmB,CACtB,CAAC;EAED,OACEN,IAAA,CAAAU,KAAA;IAASC,KAAK;IAACC,cAAc;IAACC,EAAE,EAAEN,UAAW;IAAAO,QAAA,EAC1CT,aAAa,CAACU,GAAG,CAAEC,YAAY,IAC9BhB,IAAA,CAAAiB,SAAA;MACEN,KAAK;MACLC,cAAc;MAEdC,EAAE,EAAEZ,cAAe;MAAAa,QAAA,EAElBE;IAAY,GAHRA,YAIM,CACd;EAAC,CACK,CAAC;AAEd,CAAC;AAED,MAAME,wBAAwB,GAAGtB,IAAI,CAACQ,gBAAgB,CAAC;AACvDc,wBAAwB,CAACC,WAAW,GAAG,kBAAkB;AAEzD,SAASD,wBAAwB,IAAId,gBAAgB","ignoreList":[]}

package/dist/esm/Field.js

@@ -0,0 +1,93 @@
+import _FormControl from "@mui/material/FormControl";
+import _FormLabel from "@mui/material/FormLabel";
+/*!
+ * 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, useMemo } from "react";
+import { FieldError } from "./FieldError.js";
+import { FieldHint } from "./FieldHint.js";
+import { FieldLabel } from "./FieldLabel.js";
+import { useFieldset } from "./FieldsetContext.js";
+import { useTranslation } from "./i18n.generated/i18n.js";
+import { Typography } from "./Typography.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const fieldTypeValues = ["single", "group"];
+const Field = ({
+  ariaDescribedBy,
+  errorMessage,
+  errorMessageList,
+  fieldType,
+  hasVisibleLabel,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  isDisabled: isDisabledProp = false,
+  isFullWidth = false,
+  isRadioGroup = false,
+  isOptional = false,
+  isReadOnly = false,
+  label,
+  renderFieldComponent
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const id = useUniqueId(idOverride);
+  const hintId = hint ? `${id}-hint` : undefined;
+  const errorMessageElementId = errorMessage || errorMessageList ? `${id}-error` : undefined;
+  const labelElementId = `${id}-label`;
+  const localAriaDescribedBy = useMemo(() => [hintId, errorMessageElementId, ariaDescribedBy].join(" ").trim() || undefined, [ariaDescribedBy, errorMessageElementId, hintId]);
+  const {
+    isDisabled: isFieldsetDisabled
+  } = useFieldset();
+  const isDisabled = useMemo(() => isDisabledProp || isFieldsetDisabled, [isDisabledProp, isFieldsetDisabled]);
+  return _jsxs(_FormControl, {
+    component: fieldType === "group" ? "fieldset" : "div",
+    disabled: isDisabled,
+    error: Boolean(errorMessage) || Array.isArray(errorMessageList) && errorMessageList.length > 0,
+    fullWidth: isFullWidth,
+    role: isRadioGroup ? "radiogroup" : undefined,
+    children: [fieldType === "group" ? _jsxs(_FormLabel, {
+      component: "legend",
+      id: labelElementId,
+      children: [label, " ", isOptional && label && _jsxs(Typography, {
+        color: "textSecondary",
+        component: "span",
+        children: ["(", t("fieldlabel.optional.text"), ")"]
+      })]
+    }) : _jsx(FieldLabel, {
+      hasVisibleLabel: hasVisibleLabel,
+      id: labelElementId,
+      inputId: id,
+      isOptional: isOptional,
+      text: label
+    }), hint && _jsx(FieldHint, {
+      id: hintId,
+      LinkComponent: HintLinkComponent,
+      text: hint
+    }), renderFieldComponent({
+      ariaDescribedBy: localAriaDescribedBy,
+      errorMessageElementId,
+      id,
+      labelElementId,
+      isReadOnly
+    }), (errorMessage || errorMessageList) && _jsx(FieldError, {
+      id: errorMessageElementId,
+      message: errorMessage,
+      messageList: errorMessageList
+    })]
+  });
+};
+const MemoizedField = memo(Field);
+MemoizedField.displayName = "Field";
+export { MemoizedField as Field };
+//# sourceMappingURL=Field.js.map

package/dist/esm/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useFieldset","useTranslation","Typography","useUniqueId","jsxs","_jsxs","jsx","_jsx","fieldTypeValues","Field","ariaDescribedBy","errorMessage","errorMessageList","fieldType","hasVisibleLabel","hint","HintLinkComponent","id","idOverride","isDisabled","isDisabledProp","isFullWidth","isRadioGroup","isOptional","isReadOnly","label","renderFieldComponent","t","hintId","undefined","errorMessageElementId","labelElementId","localAriaDescribedBy","join","trim","isFieldsetDisabled","_FormControl","component","disabled","error","Boolean","Array","isArray","length","fullWidth","role","children","_FormLabel","color","inputId","text","LinkComponent","message","messageList","MemoizedField","displayName"],"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 {\n  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldError } from \"./FieldError.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { FieldLabel } from \"./FieldLabel.js\";\nimport { useFieldset } from \"./FieldsetContext.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const fieldTypeValues = [\"single\", \"group\"] as const;\n\nexport type RenderFieldComponentProps = {\n  ariaDescribedBy?: string;\n  dataSe?: string;\n  errorMessageElementId?: string;\n  id: string;\n  isReadOnly?: boolean;\n  labelElementId: string;\n};\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessageList?: 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: (typeof fieldTypeValues)[number];\n  /**\n   * If `true`, the Field label will be shown\n   */\n  hasVisibleLabel: boolean;\n  /**\n   * Important for determining if children inherit error state\n   */\n  isCheckboxGroup?: boolean;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: 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    dataSe,\n    errorMessageElementId,\n    id,\n    labelElementId,\n    isReadOnly,\n  }: RenderFieldComponentProps) => ReactElement;\n};\n\nconst Field = ({\n  ariaDescribedBy,\n  errorMessage,\n  errorMessageList,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled: isDisabledProp = false,\n  isFullWidth = false,\n  isRadioGroup = false,\n  isOptional = false,\n  isReadOnly = false,\n  label,\n  renderFieldComponent,\n}: FieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"errorMessageList\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isFullWidth\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n  > &\n  Pick<HtmlProps, \"ariaDescribedBy\">) => {\n  const { t } = useTranslation();\n\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorMessageElementId =\n    errorMessage || errorMessageList ? `${id}-error` : undefined;\n  const labelElementId = `${id}-label`;\n\n  const localAriaDescribedBy = useMemo(\n    () =>\n      [hintId, errorMessageElementId, ariaDescribedBy].join(\" \").trim() ||\n      undefined,\n    [ariaDescribedBy, errorMessageElementId, hintId],\n  );\n\n  const { isDisabled: isFieldsetDisabled } = useFieldset();\n\n  const isDisabled = useMemo(\n    () => isDisabledProp || isFieldsetDisabled,\n    [isDisabledProp, isFieldsetDisabled],\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={\n        Boolean(errorMessage) ||\n        (Array.isArray(errorMessageList) && errorMessageList.length > 0)\n      }\n      fullWidth={isFullWidth}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\" id={labelElementId}>\n          {label}{\" \"}\n          {isOptional && label && (\n            <Typography color=\"textSecondary\" component=\"span\">\n              ({t(\"fieldlabel.optional.text\")})\n            </Typography>\n          )}\n        </MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelElementId}\n          inputId={id}\n          isOptional={isOptional}\n          text={label}\n        />\n      )}\n\n      {hint && (\n        <FieldHint id={hintId} LinkComponent={HintLinkComponent} text={hint} />\n      )}\n\n      {renderFieldComponent({\n        ariaDescribedBy: localAriaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n        isReadOnly,\n      })}\n\n      {(errorMessage || errorMessageList) && (\n        <FieldError\n          id={errorMessageElementId}\n          message={errorMessage}\n          messageList={errorMessageList}\n        />\n      )}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\nMemoizedField.displayName = \"Field\";\n\nexport { MemoizedField as Field };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,SAASA,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAGnD,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,sBAAsB;AAElD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,MAAMC,eAAe,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU;AAqD3D,MAAMC,KAAK,GAAGA,CAAC;EACbC,eAAe;EACfC,YAAY;EACZC,gBAAgB;EAChBC,SAAS;EACTC,eAAe;EACfC,IAAI;EACJC,iBAAiB;EACjBC,EAAE,EAAEC,UAAU;EACdC,UAAU,EAAEC,cAAc,GAAG,KAAK;EAClCC,WAAW,GAAG,KAAK;EACnBC,YAAY,GAAG,KAAK;EACpBC,UAAU,GAAG,KAAK;EAClBC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC;AAciC,CAAC,KAAK;EACvC,MAAM;IAAEC;EAAE,CAAC,GAAG1B,cAAc,CAAC,CAAC;EAE9B,MAAMgB,EAAE,GAAGd,WAAW,CAACe,UAAU,CAAC;EAClC,MAAMU,MAAM,GAAGb,IAAI,GAAG,GAAGE,EAAE,OAAO,GAAGY,SAAS;EAC9C,MAAMC,qBAAqB,GACzBnB,YAAY,IAAIC,gBAAgB,GAAG,GAAGK,EAAE,QAAQ,GAAGY,SAAS;EAC9D,MAAME,cAAc,GAAG,GAAGd,EAAE,QAAQ;EAEpC,MAAMe,oBAAoB,GAAGpC,OAAO,CAClC,MACE,CAACgC,MAAM,EAAEE,qBAAqB,EAAEpB,eAAe,CAAC,CAACuB,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,CAAC,IACjEL,SAAS,EACX,CAACnB,eAAe,EAAEoB,qBAAqB,EAAEF,MAAM,CACjD,CAAC;EAED,MAAM;IAAET,UAAU,EAAEgB;EAAmB,CAAC,GAAGnC,WAAW,CAAC,CAAC;EAExD,MAAMmB,UAAU,GAAGvB,OAAO,CACxB,MAAMwB,cAAc,IAAIe,kBAAkB,EAC1C,CAACf,cAAc,EAAEe,kBAAkB,CACrC,CAAC;EAED,OACE9B,KAAA,CAAA+B,YAAA;IACEC,SAAS,EAAExB,SAAS,KAAK,OAAO,GAAG,UAAU,GAAG,KAAM;IACtDyB,QAAQ,EAAEnB,UAAW;IACrBoB,KAAK,EACHC,OAAO,CAAC7B,YAAY,CAAC,IACpB8B,KAAK,CAACC,OAAO,CAAC9B,gBAAgB,CAAC,IAAIA,gBAAgB,CAAC+B,MAAM,GAAG,CAC/D;IACDC,SAAS,EAAEvB,WAAY;IACvBwB,IAAI,EAAEvB,YAAY,GAAG,YAAY,GAAGO,SAAU;IAAAiB,QAAA,GAE7CjC,SAAS,KAAK,OAAO,GACpBR,KAAA,CAAA0C,UAAA;MAAcV,SAAS,EAAC,QAAQ;MAACpB,EAAE,EAAEc,cAAe;MAAAe,QAAA,GACjDrB,KAAK,EAAE,GAAG,EACVF,UAAU,IAAIE,KAAK,IAClBpB,KAAA,CAACH,UAAU;QAAC8C,KAAK,EAAC,eAAe;QAACX,SAAS,EAAC,MAAM;QAAAS,QAAA,GAAC,GAChD,EAACnB,CAAC,CAAC,0BAA0B,CAAC,EAAC,GAClC;MAAA,CAAY,CACb;IAAA,CACW,CAAC,GAEfpB,IAAA,CAACR,UAAU;MACTe,eAAe,EAAEA,eAAgB;MACjCG,EAAE,EAAEc,cAAe;MACnBkB,OAAO,EAAEhC,EAAG;MACZM,UAAU,EAAEA,UAAW;MACvB2B,IAAI,EAAEzB;IAAM,CACb,CACF,EAEAV,IAAI,IACHR,IAAA,CAACT,SAAS;MAACmB,EAAE,EAAEW,MAAO;MAACuB,aAAa,EAAEnC,iBAAkB;MAACkC,IAAI,EAAEnC;IAAK,CAAE,CACvE,EAEAW,oBAAoB,CAAC;MACpBhB,eAAe,EAAEsB,oBAAoB;MACrCF,qBAAqB;MACrBb,EAAE;MACFc,cAAc;MACdP;IACF,CAAC,CAAC,EAED,CAACb,YAAY,IAAIC,gBAAgB,KAChCL,IAAA,CAACV,UAAU;MACToB,EAAE,EAAEa,qBAAsB;MAC1BsB,OAAO,EAAEzC,YAAa;MACtB0C,WAAW,EAAEzC;IAAiB,CAC/B,CACF;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAM0C,aAAa,GAAG3D,IAAI,CAACc,KAAK,CAAC;AACjC6C,aAAa,CAACC,WAAW,GAAG,OAAO;AAEnC,SAASD,aAAa,IAAI7C,KAAK","ignoreList":[]}

package/dist/esm/FieldComponentProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FieldComponentProps.js.map

package/dist/esm/FieldComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldComponentProps.js","names":[],"sources":["../../src/FieldComponentProps.ts"],"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 { ReactElement } from \"react\";\n\nimport { HintLink } from \"./HintLink.js\";\n\nexport type FieldComponentProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * If `error` is not undefined, the `input` will indicate multiple errors.\n   */\n  errorMessageList?: string[];\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * A `Link` component to provide greater context that is rendered at the end of the `hint` text\n   */\n  HintLinkComponent?: ReactElement<typeof HintLink>;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the component can stretch to fill the width of the container.\n   */\n  isFullWidth?: boolean;\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  /**\n   * It prevents the user from changing the value of the field\n   */\n  isReadOnly?: boolean;\n  /**\n   * The name of the `input` element. Defaults to the `id` if not set.\n   */\n  name?: string;\n};\n\nexport type FieldComponentRenderProps = {\n  ariaDescribedBy: string;\n  dataSe: string;\n  errorMessageElementId: string;\n  id: string;\n  labelElementId: string;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/esm/FieldError.js

@@ -0,0 +1,48 @@
+import _FormHelperText from "@mui/material/FormHelperText";
+/*!
+ * 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 } from "react";
+import { Box } from "./Box.js";
+import { ErrorMessageList } from "./ErrorMessageList.js";
+import { useTranslation } from "./i18n.generated/i18n.js";
+import { ScreenReaderText } from "./ScreenReaderText.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FieldError = ({
+  id,
+  message,
+  messageList,
+  testId,
+  translate
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return _jsxs(_FormHelperText, {
+    component: "div",
+    "data-se": testId,
+    error: true,
+    id: id,
+    translate: translate,
+    children: [_jsx(ScreenReaderText, {
+      translate: translate,
+      children: `${t("fielderror.screenreader.text")}:`
+    }), _jsxs(Box, {
+      children: [message, messageList && _jsx(ErrorMessageList, {
+        errorMessages: messageList
+      })]
+    })]
+  });
+};
+const MemoizedFieldError = memo(FieldError);
+MemoizedFieldError.displayName = "FieldError";
+export { MemoizedFieldError as FieldError };
+//# sourceMappingURL=FieldError.js.map

package/dist/esm/FieldError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.js","names":["memo","Box","ErrorMessageList","useTranslation","ScreenReaderText","jsx","_jsx","jsxs","_jsxs","FieldError","id","message","messageList","testId","translate","t","_FormHelperText","component","error","children","errorMessages","MemoizedFieldError","displayName"],"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 { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport { ErrorMessageList } from \"./ErrorMessageList.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport type FieldErrorProps = {\n  id?: string;\n  message?: string;\n  messageList?: string[];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldError = ({\n  id,\n  message,\n  messageList,\n  testId,\n  translate,\n}: FieldErrorProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <FormHelperText\n      component=\"div\"\n      data-se={testId}\n      error\n      id={id}\n      translate={translate}\n    >\n      <ScreenReaderText translate={translate}>{`${t(\n        \"fielderror.screenreader.text\",\n      )}:`}</ScreenReaderText>\n      <Box>\n        {message}\n        {messageList && <ErrorMessageList errorMessages={messageList} />}\n      </Box>\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldError = memo(FieldError);\nMemoizedFieldError.displayName = \"FieldError\";\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,QAAQ,OAAO;AAI5B,SAASC,GAAG,QAAQ,UAAU;AAC9B,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,MAAMC,UAAU,GAAGA,CAAC;EAClBC,EAAE;EACFC,OAAO;EACPC,WAAW;EACXC,MAAM;EACNC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAGZ,cAAc,CAAC,CAAC;EAE9B,OACEK,KAAA,CAAAQ,eAAA;IACEC,SAAS,EAAC,KAAK;IACf,WAASJ,MAAO;IAChBK,KAAK;IACLR,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAK,QAAA,GAErBb,IAAA,CAACF,gBAAgB;MAACU,SAAS,EAAEA,SAAU;MAAAK,QAAA,EAAE,GAAGJ,CAAC,CAC3C,8BACF,CAAC;IAAG,CAAmB,CAAC,EACxBP,KAAA,CAACP,GAAG;MAAAkB,QAAA,GACDR,OAAO,EACPC,WAAW,IAAIN,IAAA,CAACJ,gBAAgB;QAACkB,aAAa,EAAER;MAAY,CAAE,CAAC;IAAA,CAC7D,CAAC;EAAA,CACQ,CAAC;AAErB,CAAC;AAED,MAAMS,kBAAkB,GAAGrB,IAAI,CAACS,UAAU,CAAC;AAC3CY,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,SAASD,kBAAkB,IAAIZ,UAAU","ignoreList":[]}

package/dist/esm/FieldHint.js

@@ -0,0 +1,53 @@
+import _FormHelperText from "@mui/material/FormHelperText";
+/*!
+ * 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 styled from "@emotion/styled";
+import { memo } from "react";
+import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const HintLinkContainer = styled.span(({
+  odysseyDesignTokens
+}) => ({
+  a: {
+    color: odysseyDesignTokens.TypographyColorBody,
+    textDecoration: "underline",
+    "&:visited": {
+      color: odysseyDesignTokens.TypographyColorBody
+    },
+    "&:hover": {
+      color: odysseyDesignTokens.TypographyColorSubordinate
+    }
+  }
+}));
+const FieldHint = ({
+  id,
+  LinkComponent,
+  testId,
+  text,
+  translate
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  return _jsxs(_FormHelperText, {
+    "data-se": testId,
+    id: id,
+    translate: translate,
+    children: [text, LinkComponent && _jsxs(HintLinkContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [" ", LinkComponent]
+    })]
+  });
+};
+const MemoizedFieldHint = memo(FieldHint);
+MemoizedFieldHint.displayName = "FieldHint";
+export { MemoizedFieldHint as FieldHint };
+//# sourceMappingURL=FieldHint.js.map

package/dist/esm/FieldHint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHint.js","names":["styled","memo","useOdysseyDesignTokens","jsxs","_jsxs","HintLinkContainer","span","odysseyDesignTokens","a","color","TypographyColorBody","textDecoration","TypographyColorSubordinate","FieldHint","id","LinkComponent","testId","text","translate","_FormHelperText","children","MemoizedFieldHint","displayName"],"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 styled from \"@emotion/styled\";\nimport { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nconst HintLinkContainer = styled.span<{ odysseyDesignTokens: DesignTokens }>(\n  ({ odysseyDesignTokens }) => ({\n    a: {\n      color: odysseyDesignTokens.TypographyColorBody,\n      textDecoration: \"underline\",\n\n      \"&:visited\": {\n        color: odysseyDesignTokens.TypographyColorBody,\n      },\n\n      \"&:hover\": {\n        color: odysseyDesignTokens.TypographyColorSubordinate,\n      },\n    },\n  }),\n);\n\nexport type FieldHintProps = {\n  id?: string;\n  LinkComponent?: FieldComponentProps[\"HintLinkComponent\"];\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldHint = ({\n  id,\n  LinkComponent,\n  testId,\n  text,\n  translate,\n}: FieldHintProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <FormHelperText data-se={testId} id={id} translate={translate}>\n      {text}\n      {LinkComponent && (\n        <HintLinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {\" \"}\n          {LinkComponent}\n        </HintLinkContainer>\n      )}\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\nMemoizedFieldHint.displayName = \"FieldHint\";\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAASC,IAAI,QAAQ,OAAO;AAK5B,SAEEC,sBAAsB,QACjB,iCAAiC;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAEzC,MAAMC,iBAAiB,GAAGL,MAAM,CAACM,IAAI,CACnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC5BC,CAAC,EAAE;IACDC,KAAK,EAAEF,mBAAmB,CAACG,mBAAmB;IAC9CC,cAAc,EAAE,WAAW;IAE3B,WAAW,EAAE;MACXF,KAAK,EAAEF,mBAAmB,CAACG;IAC7B,CAAC;IAED,SAAS,EAAE;MACTD,KAAK,EAAEF,mBAAmB,CAACK;IAC7B;EACF;AACF,CAAC,CACH,CAAC;AAQD,MAAMC,SAAS,GAAGA,CAAC;EACjBC,EAAE;EACFC,aAAa;EACbC,MAAM;EACNC,IAAI;EACJC;AACc,CAAC,KAAK;EACpB,MAAMX,mBAAmB,GAAGL,sBAAsB,CAAC,CAAC;EAEpD,OACEE,KAAA,CAAAe,eAAA;IAAgB,WAASH,MAAO;IAACF,EAAE,EAAEA,EAAG;IAACI,SAAS,EAAEA,SAAU;IAAAE,QAAA,GAC3DH,IAAI,EACJF,aAAa,IACZX,KAAA,CAACC,iBAAiB;MAACE,mBAAmB,EAAEA,mBAAoB;MAAAa,QAAA,GACzD,GAAG,EACHL,aAAa;IAAA,CACG,CACpB;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMM,iBAAiB,GAAGpB,IAAI,CAACY,SAAS,CAAC;AACzCQ,iBAAiB,CAACC,WAAW,GAAG,WAAW;AAE3C,SAASD,iBAAiB,IAAIR,SAAS","ignoreList":[]}

package/dist/esm/FieldLabel.js

@@ -0,0 +1,49 @@
+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 "./i18n.generated/i18n.js";
+import { ScreenReaderText } from "./ScreenReaderText.js";
+import { Subordinate } from "./Typography.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FieldLabel = ({
+  hasVisibleLabel,
+  id,
+  inputId,
+  isOptional,
+  testId,
+  translate,
+  text
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const inputLabel = useMemo(() => _jsxs(_InputLabel, {
+    "data-se": testId,
+    htmlFor: inputId,
+    id: id,
+    translate: translate,
+    children: [_jsx("span", {
+      children: text
+    }), isOptional && _jsx(Subordinate, {
+      children: t("fieldlabel.optional.text")
+    })]
+  }), [id, inputId, isOptional, testId, translate, text, t]);
+  return hasVisibleLabel ? inputLabel : _jsx(ScreenReaderText, {
+    translate: translate,
+    children: inputLabel
+  });
+};
+const MemoizedFieldLabel = memo(FieldLabel);
+MemoizedFieldLabel.displayName = "FieldLabel";
+export { MemoizedFieldLabel as FieldLabel };
+//# sourceMappingURL=FieldLabel.js.map

package/dist/esm/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","names":["memo","useMemo","useTranslation","ScreenReaderText","Subordinate","jsx","_jsx","jsxs","_jsxs","FieldLabel","hasVisibleLabel","id","inputId","isOptional","testId","translate","text","t","inputLabel","_InputLabel","htmlFor","children","MemoizedFieldLabel","displayName"],"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 type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\nimport { Subordinate } from \"./Typography.js\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isOptional: boolean;\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  testId,\n  translate,\n  text,\n}: FieldLabelProps) => {\n  const { t } = useTranslation();\n\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel\n        data-se={testId}\n        htmlFor={inputId}\n        id={id}\n        translate={translate}\n      >\n        <span>{text}</span>\n        {isOptional && (\n          <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, testId, translate, text, t],\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText translate={translate}>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\nMemoizedFieldLabel.displayName = \"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;AAIrC,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU9C,MAAMC,UAAU,GAAGA,CAAC;EAClBC,eAAe;EACfC,EAAE;EACFC,OAAO;EACPC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,UAAU,GAAGjB,OAAO,CACxB,MACEO,KAAA,CAAAW,WAAA;IACE,WAASL,MAAO;IAChBM,OAAO,EAAER,OAAQ;IACjBD,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAM,QAAA,GAErBf,IAAA;MAAAe,QAAA,EAAOL;IAAI,CAAO,CAAC,EAClBH,UAAU,IACTP,IAAA,CAACF,WAAW;MAAAiB,QAAA,EAAEJ,CAAC,CAAC,0BAA0B;IAAC,CAAc,CAC1D;EAAA,CACY,CAChB,EACD,CAACN,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,CAAC,CACtD,CAAC;EAED,OAAOP,eAAe,GACpBQ,UAAU,GAEVZ,IAAA,CAACH,gBAAgB;IAACY,SAAS,EAAEA,SAAU;IAAAM,QAAA,EAAEH;EAAU,CAAmB,CACvE;AACH,CAAC;AAED,MAAMI,kBAAkB,GAAGtB,IAAI,CAACS,UAAU,CAAC;AAC3Ca,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,SAASD,kBAAkB,IAAIb,UAAU","ignoreList":[]}

package/dist/esm/Fields/Checkbox.js

@@ -0,0 +1,158 @@
+import _FormHelperText from "@mui/material/FormHelperText";
+import _FormControlLabel from "@mui/material/FormControlLabel";
+import _Checkbox from "@mui/material/Checkbox";
+/*!
+ * 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, useCallback, useImperativeHandle, useMemo, useRef } from "react";
+import { useTranslation } from "../i18n.generated/i18n.js";
+import { ComponentControlledState, getControlState } from "../inputUtils.js";
+import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
+import { Typography } from "../Typography.js";
+import { useUniqueId } from "../useUniqueId.js";
+import { HintContainerWithInlineStartSpacing } from "./Hint.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const checkboxValidityValues = ["valid", "invalid", "inherit"];
+const Checkbox = ({
+  ariaLabel,
+  ariaLabelledBy,
+  id: idOverride,
+  inputRef,
+  isChecked,
+  isDefaultChecked,
+  isDisabled,
+  isIndeterminate,
+  isReadOnly = false,
+  isRequired,
+  label: labelProp,
+  hint,
+  name: nameOverride,
+  onChange: onChangeProp,
+  onBlur: onBlurProp,
+  testId,
+  translate,
+  validity = "inherit",
+  value
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const id = useUniqueId(idOverride);
+  const hintId = hint ? `${id}-hint` : undefined;
+  const controlledStateRef = useRef(getControlState({
+    controlledValue: isChecked,
+    uncontrolledValue: isDefaultChecked
+  }));
+  const inputValues = useMemo(() => {
+    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {
+      return {
+        checked: isChecked
+      };
+    }
+    return {
+      defaultChecked: isDefaultChecked
+    };
+  }, [isDefaultChecked, isChecked]);
+  const localInputRef = useRef(null);
+  useImperativeHandle(inputRef, () => ({
+    focus: () => {
+      localInputRef.current?.focus();
+    }
+  }), []);
+  const label = useMemo(() => {
+    return _jsxs(_Fragment, {
+      children: [_jsx(Typography, {
+        component: "span",
+        children: labelProp
+      }), isRequired && _jsxs(_Fragment, {
+        children: [" ", _jsxs(Typography, {
+          color: "textSecondary",
+          component: "span",
+          children: ["(", t("fieldlabel.required.text"), ")"]
+        })]
+      })]
+    });
+  }, [isRequired, labelProp, t]);
+  const onChange = useCallback((event, checked) => {
+    onChangeProp?.(event, checked);
+  }, [onChangeProp]);
+  const onClick = useCallback(event => {
+    if (isReadOnly) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  }, [isReadOnly]);
+  const onBlur = useCallback(event => {
+    onBlurProp?.(event);
+  }, [onBlurProp]);
+  const checkboxStyles = useMemo(() => ({
+    alignItems: "flex-start",
+    ...(isReadOnly && {
+      cursor: "default",
+      "& .MuiTypography-root": {
+        cursor: "default"
+      }
+    }),
+    ...(hint && {
+      ":not(:last-child)": {
+        marginBlockEnd: "0"
+      }
+    })
+  }), [hint, isReadOnly]);
+  const checkboxInputStyles = useMemo(() => ({
+    marginBlockStart: "2px"
+  }), []);
+  const inputProps = useMemo(() => ({
+    "aria-describedby": hintId,
+    "aria-readonly": isReadOnly,
+    "data-se": testId,
+    readOnly: isReadOnly
+  }), [hintId, isReadOnly, testId]);
+  return _jsxs(_Fragment, {
+    children: [_jsx(_FormControlLabel, {
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      className: validity === "invalid" ? "Mui-error" : validity === "valid" ? "Mui-valid" : "",
+      control: _jsx(_Checkbox, {
+        ...inputValues,
+        disabled: isDisabled,
+        indeterminate: isIndeterminate,
+        inputProps: inputProps,
+        inputRef: localInputRef,
+        onChange: onChange,
+        onClick: onClick,
+        required: isRequired,
+        sx: checkboxInputStyles
+      }),
+      disabled: isDisabled,
+      id: idOverride,
+      label: label,
+      name: nameOverride ?? idOverride,
+      onBlur: onBlur,
+      required: isRequired,
+      sx: checkboxStyles,
+      translate: translate,
+      value: value
+    }), hint && _jsx(HintContainerWithInlineStartSpacing, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: _jsx(_FormHelperText, {
+        id: hintId,
+        translate: translate,
+        children: hint
+      })
+    })]
+  });
+};
+const MemoizedCheckbox = memo(Checkbox);
+MemoizedCheckbox.displayName = "Checkbox";
+export { MemoizedCheckbox as Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/Fields/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["memo","useCallback","useImperativeHandle","useMemo","useRef","useTranslation","ComponentControlledState","getControlState","useOdysseyDesignTokens","Typography","useUniqueId","HintContainerWithInlineStartSpacing","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","checkboxValidityValues","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","odysseyDesignTokens","hintId","undefined","controlledStateRef","controlledValue","uncontrolledValue","inputValues","current","CONTROLLED","checked","defaultChecked","localInputRef","focus","children","component","color","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","marginBlockEnd","checkboxInputStyles","marginBlockStart","inputProps","readOnly","_FormControlLabel","className","control","_Checkbox","disabled","indeterminate","required","sx","_FormHelperText","MemoizedCheckbox","displayName"],"sources":["../../../src/Fields/Checkbox.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  FormControlLabel,\n  FormHelperText,\n  Checkbox as MuiCheckbox,\n  CheckboxProps as MuiCheckboxProps,\n  FormControlLabelProps as MuiFormControlLabelProps,\n} from \"@mui/material\";\nimport {\n  InputHTMLAttributes,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { CheckedFieldProps } from \"../FormCheckedProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n} from \"../inputUtils.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { Typography } from \"../Typography.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { HintContainerWithInlineStartSpacing } from \"./Hint.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nexport type CheckboxProps = {\n  /**\n   * The ref forwarded to the Checkbox\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Checkbox is in an indeterminate state\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Determines whether the Checkbox is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the Checkbox\n   */\n  label?: string;\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n  /**\n   * The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n   */\n  validity?: (typeof checkboxValidityValues)[number];\n  /**\n   * The value attribute of the Checkbox\n   */\n  value?: string;\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  CheckedFieldProps<MuiCheckboxProps> &\n  Pick<HtmlProps, \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\">;\n\nconst Checkbox = ({\n  ariaLabel,\n  ariaLabelledBy,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isIndeterminate,\n  isReadOnly = false,\n  isRequired,\n  label: labelProp,\n  hint,\n  name: nameOverride,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  testId,\n  translate,\n  validity = \"inherit\",\n  value,\n}: CheckboxProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: isChecked,\n      uncontrolledValue: isDefaultChecked,\n    }),\n  );\n  const inputValues = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { checked: isChecked };\n    }\n    return { defaultChecked: isDefaultChecked };\n  }, [isDefaultChecked, isChecked]);\n\n  const localInputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(\n    inputRef,\n    () => ({\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const label = useMemo(() => {\n    return (\n      <>\n        <Typography component=\"span\">{labelProp}</Typography>\n        {isRequired && (\n          <>\n            {\" \"}\n            <Typography color=\"textSecondary\" component=\"span\">\n              ({t(\"fieldlabel.required.text\")})\n            </Typography>\n          </>\n        )}\n      </>\n    );\n  }, [isRequired, labelProp, t]);\n\n  const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n    (event, checked) => {\n      onChangeProp?.(event, checked);\n    },\n    [onChangeProp],\n  );\n\n  const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  const checkboxStyles = useMemo(\n    () => ({\n      alignItems: \"flex-start\",\n\n      ...(isReadOnly && {\n        cursor: \"default\",\n        \"& .MuiTypography-root\": {\n          cursor: \"default\",\n        } as CSSStyleDeclaration,\n      }),\n\n      ...(hint && {\n        // needed to override specific :not(:last-child) selector\n        \":not(:last-child)\": {\n          marginBlockEnd: \"0\",\n        } as CSSStyleDeclaration,\n      }),\n    }),\n    [hint, isReadOnly],\n  );\n\n  // TODO: Is there a better way to handle these styles? Why pixels? Isn't this tying Checkbox to the label's font size? -Kevin\n  const checkboxInputStyles = useMemo(\n    () => ({\n      marginBlockStart: \"2px\",\n    }),\n    [],\n  );\n\n  const inputProps = useMemo<InputHTMLAttributes<HTMLInputElement>>(\n    () => ({\n      \"aria-describedby\": hintId,\n      \"aria-readonly\": isReadOnly,\n      \"data-se\": testId,\n      readOnly: isReadOnly,\n    }),\n    [hintId, isReadOnly, testId],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={\n          validity === \"invalid\"\n            ? \"Mui-error\"\n            : validity === \"valid\"\n              ? \"Mui-valid\"\n              : \"\"\n        }\n        control={\n          <MuiCheckbox\n            {...inputValues}\n            disabled={isDisabled}\n            indeterminate={isIndeterminate}\n            inputProps={inputProps}\n            inputRef={localInputRef}\n            onChange={onChange}\n            onClick={onClick}\n            required={isRequired}\n            sx={checkboxInputStyles}\n          />\n        }\n        disabled={isDisabled}\n        id={idOverride}\n        label={label}\n        name={nameOverride ?? idOverride}\n        onBlur={onBlur}\n        required={isRequired}\n        sx={checkboxStyles}\n        translate={translate}\n        value={value}\n      />\n\n      {hint && (\n        <HintContainerWithInlineStartSpacing\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <FormHelperText id={hintId} translate={translate}>\n            {hint}\n          </FormHelperText>\n        </HintContainerWithInlineStartSpacing>\n      )}\n    </>\n  );\n};\n\nconst MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Fields/CheckboxGroup.js

@@ -0,0 +1,72 @@
+import _FormGroup from "@mui/material/FormGroup";
+/*!
+ * 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 React, { memo, useCallback, useMemo } from "react";
+import { Field } from "../Field.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CheckboxGroup = ({
+  ariaDescribedBy,
+  children,
+  errorMessage,
+  errorMessageList,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  isDisabled,
+  isReadOnly = false,
+  isRequired = false,
+  label,
+  testId,
+  translate
+}) => {
+  const memoizedChildren = useMemo(() => React.Children.map(children, child => {
+    if (React.isValidElement(child)) {
+      return React.cloneElement(child, {
+        isReadOnly,
+        isDisabled: isDisabled || child.props.isDisabled
+      });
+    }
+    return child;
+  }), [children, isReadOnly, isDisabled]);
+  const renderFieldComponent = useCallback(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    id,
+    labelElementId
+  }) => _jsx(_FormGroup, {
+    "aria-describedby": ariaDescribedBy,
+    "aria-errormessage": errorMessageElementId,
+    "aria-labelledby": labelElementId,
+    "data-se": testId,
+    id: id,
+    translate: translate,
+    children: memoizedChildren
+  }), [memoizedChildren, testId, translate]);
+  return _jsx(Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "group",
+    hasVisibleLabel: true,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isOptional: !isRequired,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+};
+const MemoizedCheckboxGroup = memo(CheckboxGroup);
+MemoizedCheckboxGroup.displayName = "CheckboxGroup";
+export { MemoizedCheckboxGroup as CheckboxGroup };
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/esm/Fields/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","names":["React","memo","useCallback","useMemo","Field","jsx","_jsx","CheckboxGroup","ariaDescribedBy","children","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","isRequired","label","testId","translate","memoizedChildren","Children","map","child","isValidElement","cloneElement","props","renderFieldComponent","errorMessageElementId","labelElementId","_FormGroup","fieldType","hasVisibleLabel","isOptional","MemoizedCheckboxGroup","displayName"],"sources":["../../../src/Fields/CheckboxGroup.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 { FormGroup as MuiFormGroup } from \"@mui/material\";\nimport React, { memo, ReactNode, useCallback, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Field } from \"../Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"../FieldComponentProps.js\";\nimport { CheckboxProps } from \"./Checkbox.js\";\n\nexport type CheckboxGroupProps = {\n  /**\n   * A single Checkbox element or an array of Checkbox elements\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the CheckboxGroup is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the CheckboxGroup\n   */\n  label: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype CheckboxGroupRenderProps = Pick<\n  FieldComponentRenderProps,\n  \"id\" | \"labelElementId\"\n> &\n  Partial<\n    Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n  >;\n\nconst CheckboxGroup = ({\n  ariaDescribedBy,\n  children,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  testId,\n  translate,\n}: CheckboxGroupProps) => {\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<CheckboxProps>(child)) {\n          return React.cloneElement(child, {\n            isReadOnly,\n            isDisabled: isDisabled || child.props.isDisabled,\n          });\n        }\n        return child;\n      }),\n    [children, isReadOnly, isDisabled],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: CheckboxGroupRenderProps) => (\n      <MuiFormGroup\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiFormGroup>\n    ),\n    [memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={true}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={!isRequired}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedCheckboxGroup = memo(CheckboxGroup);\nMemoizedCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { MemoizedCheckboxGroup as CheckboxGroup };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAOA,KAAK,IAAIC,IAAI,EAAaC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAIpE,SAASC,KAAK,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAwCpC,MAAMC,aAAa,GAAGA,CAAC;EACrBC,eAAe;EACfC,QAAQ;EACRC,YAAY;EACZC,gBAAgB;EAChBC,IAAI;EACJC,iBAAiB;EACjBC,EAAE,EAAEC,UAAU;EACdC,UAAU;EACVC,UAAU,GAAG,KAAK;EAClBC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC,MAAM;EACNC;AACkB,CAAC,KAAK;EACxB,MAAMC,gBAAgB,GAAGnB,OAAO,CAC9B,MACEH,KAAK,CAACuB,QAAQ,CAACC,GAAG,CAACf,QAAQ,EAAGgB,KAAK,IAAK;IACtC,IAAIzB,KAAK,CAAC0B,cAAc,CAAgBD,KAAK,CAAC,EAAE;MAC9C,OAAOzB,KAAK,CAAC2B,YAAY,CAACF,KAAK,EAAE;QAC/BR,UAAU;QACVD,UAAU,EAAEA,UAAU,IAAIS,KAAK,CAACG,KAAK,CAACZ;MACxC,CAAC,CAAC;IACJ;IACA,OAAOS,KAAK;EACd,CAAC,CAAC,EACJ,CAAChB,QAAQ,EAAEQ,UAAU,EAAED,UAAU,CACnC,CAAC;EAED,MAAMa,oBAAoB,GAAG3B,WAAW,CACtC,CAAC;IACCM,eAAe;IACfsB,qBAAqB;IACrBhB,EAAE;IACFiB;EACwB,CAAC,KACzBzB,IAAA,CAAA0B,UAAA;IACE,oBAAkBxB,eAAgB;IAClC,qBAAmBsB,qBAAsB;IACzC,mBAAiBC,cAAe;IAChC,WAASX,MAAO;IAChBN,EAAE,EAAEA,EAAG;IACPO,SAAS,EAAEA,SAAU;IAAAZ,QAAA,EAEpBa;EAAgB,CACL,CACf,EACD,CAACA,gBAAgB,EAAEF,MAAM,EAAEC,SAAS,CACtC,CAAC;EAED,OACEf,IAAA,CAACF,KAAK;IACJI,eAAe,EAAEA,eAAgB;IACjCE,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnCsB,SAAS,EAAC,OAAO;IACjBC,eAAe,EAAE,IAAK;IACtBtB,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCC,EAAE,EAAEC,UAAW;IACfC,UAAU,EAAEA,UAAW;IACvBmB,UAAU,EAAE,CAACjB,UAAW;IACxBC,KAAK,EAAEA,KAAM;IACbU,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CAAC;AAED,MAAMO,qBAAqB,GAAGnC,IAAI,CAACM,aAAa,CAAC;AACjD6B,qBAAqB,CAACC,WAAW,GAAG,eAAe;AAEnD,SAASD,qBAAqB,IAAI7B,aAAa","ignoreList":[]}