@okta/odyssey-contribution-tooling 1.48.0 → 1.49.0

package/dist/esm/Link.js

@@ -0,0 +1,61 @@
+import _Link from "@mui/material/Link";
+/*!
+ * 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, useImperativeHandle, useRef } from "react";
+import { ExternalLinkIcon } from "./icons.generated/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const linkVariantValues = ["default", "monochrome"];
+const Link = ({
+  ariaLabel,
+  children,
+  href,
+  icon,
+  linkRef,
+  rel,
+  target,
+  testId,
+  translate,
+  variant,
+  onClick
+}) => {
+  const localLinkRef = useRef(null);
+  useImperativeHandle(linkRef, () => {
+    return {
+      focus: () => {
+        localLinkRef.current?.focus();
+      }
+    };
+  }, []);
+  return _jsxs(_Link, {
+    "aria-label": ariaLabel,
+    "data-se": testId,
+    href: href,
+    onClick: onClick,
+    ref: localLinkRef,
+    rel: rel,
+    target: target,
+    translate: translate,
+    variant: variant,
+    children: [icon && _jsx("span", {
+      className: "Link-icon",
+      children: icon
+    }), children, target === "_blank" && _jsx("span", {
+      className: "Link-indicator",
+      role: "presentation",
+      children: _jsx(ExternalLinkIcon, {})
+    })]
+  });
+};
+const MemoizedLink = memo(Link);
+MemoizedLink.displayName = "Link";
+export { MemoizedLink as Link };
+//# sourceMappingURL=Link.js.map

package/dist/esm/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["memo","useImperativeHandle","useRef","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","linkVariantValues","Link","ariaLabel","children","href","icon","linkRef","rel","target","testId","translate","variant","onClick","localLinkRef","focus","current","_Link","ref","className","role","MemoizedLink","displayName"],"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 { Link as MuiLink, LinkProps as MuiLinkProps } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { ExternalLinkIcon } from \"./icons.generated/index.js\";\nimport { FocusHandle } from \"./inputUtils.js\";\n\nexport const linkVariantValues = [\"default\", \"monochrome\"] as const;\n\nexport type LinkProps = {\n  /**\n   * The content within the Link\n   */\n  children: ReactNode;\n  /**\n   * The Link destination\n   */\n  href: string;\n  /**\n   * An optional Icon component at the start of the Link\n   */\n  icon?: ReactElement;\n  /**\n   * The ref forwarded to the TextField\n   */\n  linkRef?: RefObject<FocusHandle>;\n  /**\n   * The click event handler for the Link\n   */\n  onClick?: MuiLinkProps[\"onClick\"];\n  /**\n   * The rel attribute defines the relationship between a linked resource and the current document\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel\n   */\n  rel?: string;\n  /**\n   * The HTML `target` attribute for the Link\n   */\n  target?:\n    | \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | (string & NonNullable<unknown>);\n  /**\n   * The visual presentation of the Link (default or monochrome)\n   */\n  variant?: (typeof linkVariantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\">;\n\nconst Link = ({\n  ariaLabel,\n  children,\n  href,\n  icon,\n  linkRef,\n  rel,\n  target,\n  testId,\n  translate,\n  variant,\n  onClick,\n}: LinkProps) => {\n  const localLinkRef = useRef<HTMLAnchorElement>(null);\n  useImperativeHandle(linkRef, () => {\n    return {\n      focus: () => {\n        localLinkRef.current?.focus();\n      },\n    };\n  }, []);\n\n  return (\n    <MuiLink\n      aria-label={ariaLabel}\n      data-se={testId}\n      href={href}\n      onClick={onClick}\n      ref={localLinkRef}\n      rel={rel}\n      target={target}\n      translate={translate}\n      variant={variant}\n    >\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n\n      {children}\n\n      {target === \"_blank\" && (\n        <span className=\"Link-indicator\" role=\"presentation\">\n          <ExternalLinkIcon />\n        </span>\n      )}\n    </MuiLink>\n  );\n};\n\nconst MemoizedLink = memo(Link);\n\nMemoizedLink.displayName = \"Link\";\n\nexport { MemoizedLink as Link };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SACEA,IAAI,EAIJC,mBAAmB,EACnBC,MAAM,QACD,OAAO;AAId,SAASC,gBAAgB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9D,OAAO,MAAMC,iBAAiB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AA4CnE,MAAMC,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,GAAG;EACHC,MAAM;EACNC,MAAM;EACNC,SAAS;EACTC,OAAO;EACPC;AACS,CAAC,KAAK;EACf,MAAMC,YAAY,GAAGnB,MAAM,CAAoB,IAAI,CAAC;EACpDD,mBAAmB,CAACa,OAAO,EAAE,MAAM;IACjC,OAAO;MACLQ,KAAK,EAAEA,CAAA,KAAM;QACXD,YAAY,CAACE,OAAO,EAAED,KAAK,CAAC,CAAC;MAC/B;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OACEf,KAAA,CAAAiB,KAAA;IACE,cAAYd,SAAU;IACtB,WAASO,MAAO;IAChBL,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAQ;IACjBK,GAAG,EAAEJ,YAAa;IAClBN,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IAAAR,QAAA,GAEhBE,IAAI,IAAIR,IAAA;MAAMqB,SAAS,EAAC,WAAW;MAAAf,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ,EAERK,MAAM,KAAK,QAAQ,IAClBX,IAAA;MAAMqB,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAAhB,QAAA,EAClDN,IAAA,CAACF,gBAAgB,IAAE;IAAC,CAChB,CACP;EAAA,CACM,CAAC;AAEd,CAAC;AAED,MAAMyB,YAAY,GAAG5B,IAAI,CAACS,IAAI,CAAC;AAE/BmB,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAInB,IAAI","ignoreList":[]}

package/dist/esm/MuiPropsChild.js

@@ -0,0 +1,32 @@
+/*!
+ * 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 { forwardRef, memo, useMemo } from "react";
+import { MuiPropsContext } from "./MuiPropsContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MuiPropsChild = forwardRef(({
+  children,
+  ...muiProps
+}, ref) => {
+  const providerValue = useMemo(() => ({
+    ...muiProps,
+    ref
+  }), [muiProps, ref]);
+  return _jsx(MuiPropsContext.Provider, {
+    value: providerValue,
+    children: children
+  });
+});
+const MemoizedMuiPropsChild = memo(MuiPropsChild);
+MemoizedMuiPropsChild.displayName = "MuiPropsChild";
+export { MemoizedMuiPropsChild as MuiPropsChild };
+//# sourceMappingURL=MuiPropsChild.js.map

package/dist/esm/MuiPropsChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsChild.js","names":["forwardRef","memo","useMemo","MuiPropsContext","jsx","_jsx","MuiPropsChild","children","muiProps","ref","providerValue","Provider","value","MemoizedMuiPropsChild","displayName"],"sources":["../../src/MuiPropsChild.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 { forwardRef, memo, ReactNode, useMemo } from \"react\";\n\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\n\nexport type MuiPropsChildProps = {\n  children: ReactNode;\n};\n\nconst MuiPropsChild = forwardRef<HTMLElement, MuiPropsChildProps>(\n  ({ children, ...muiProps }, ref) => {\n    const providerValue = useMemo<MuiPropsContextType>(\n      () => ({\n        ...muiProps,\n        ref,\n      }),\n      [muiProps, ref],\n    );\n\n    return (\n      <MuiPropsContext.Provider value={providerValue}>\n        {children}\n      </MuiPropsContext.Provider>\n    );\n  },\n);\n\nconst MemoizedMuiPropsChild = memo(MuiPropsChild);\nMemoizedMuiPropsChild.displayName = \"MuiPropsChild\";\n\nexport { MemoizedMuiPropsChild as MuiPropsChild };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAE5D,SAASC,eAAe,QAA6B,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM5E,MAAMC,aAAa,GAAGN,UAAU,CAC9B,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAMC,aAAa,GAAGR,OAAO,CAC3B,OAAO;IACL,GAAGM,QAAQ;IACXC;EACF,CAAC,CAAC,EACF,CAACD,QAAQ,EAAEC,GAAG,CAChB,CAAC;EAED,OACEJ,IAAA,CAACF,eAAe,CAACQ,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAH,QAAA,EAC5CA;EAAQ,CACe,CAAC;AAE/B,CACF,CAAC;AAED,MAAMM,qBAAqB,GAAGZ,IAAI,CAACK,aAAa,CAAC;AACjDO,qBAAqB,CAACC,WAAW,GAAG,eAAe;AAEnD,SAASD,qBAAqB,IAAIP,aAAa","ignoreList":[]}

package/dist/esm/MuiPropsContext.js

@@ -0,0 +1,16 @@
+/*!
+ * 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 { createContext, useContext } from "react";
+export const MuiPropsContext = createContext({});
+export const useMuiProps = () => useContext(MuiPropsContext);
+//# sourceMappingURL=MuiPropsContext.js.map

package/dist/esm/MuiPropsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsContext.js","names":["createContext","useContext","MuiPropsContext","useMuiProps"],"sources":["../../src/MuiPropsContext.ts"],"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 { createContext, useContext } from \"react\";\n\nexport type MuiPropsContextType = Record<string, unknown>;\nexport const MuiPropsContext = createContext<MuiPropsContextType>({});\n\nexport const useMuiProps = () => useContext(MuiPropsContext);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,OAAO,MAAMC,eAAe,GAAGF,aAAa,CAAsB,CAAC,CAAC,CAAC;AAErE,OAAO,MAAMG,WAAW,GAAGA,CAAA,KAAMF,UAAU,CAACC,eAAe,CAAC","ignoreList":[]}

package/dist/esm/NativeSelect.js

@@ -0,0 +1,106 @@
+import _Select from "@mui/material/Select";
+/*!
+ * 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, { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef } from "react";
+import { Field } from "./Field.js";
+import { getControlState, useInputValues } from "./inputUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const NativeSelect = forwardRef(({
+  ariaDescribedBy,
+  autoCompleteType,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  hasMultipleChoices: hasMultipleChoicesProp,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  inputRef,
+  isDisabled = false,
+  isFullWidth = false,
+  isMultiSelect,
+  isOptional = false,
+  label,
+  onBlur,
+  onChange: onChangeProp,
+  onFocus,
+  testId,
+  translate,
+  value,
+  children
+}, ref) => {
+  const controlledStateRef = useRef(getControlState({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const localInputRef = useRef(null);
+  useImperativeHandle(inputRef, () => {
+    return {
+      focus: () => {
+        localInputRef.current?.focus();
+      }
+    };
+  }, []);
+  const inputValues = useInputValues({
+    defaultValue,
+    value,
+    controlState: controlledStateRef.current
+  });
+  const onChange = useCallback((event, child) => {
+    onChangeProp?.(event, child);
+  }, [onChangeProp]);
+  const hasMultipleChoices = useMemo(() => hasMultipleChoicesProp === undefined ? isMultiSelect : hasMultipleChoicesProp, [hasMultipleChoicesProp, isMultiSelect]);
+  const renderFieldComponent = useCallback(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    labelElementId
+  }) => _jsx(_Select, {
+    ...inputValues,
+    "aria-describedby": ariaDescribedBy,
+    autoComplete: autoCompleteType,
+    children: children,
+    id: idOverride,
+    inputProps: {
+      "aria-errormessage": errorMessageElementId,
+      "aria-labelledby": labelElementId,
+      "data-se": testId
+    },
+    inputRef: localInputRef,
+    multiple: hasMultipleChoices,
+    name: idOverride,
+    native: true,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    ref: ref,
+    translate: translate
+  }), [autoCompleteType, children, idOverride, inputValues, hasMultipleChoices, onBlur, onChange, onFocus, ref, testId, translate]);
+  return _jsx(Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "single",
+    hasVisibleLabel: true,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isFullWidth: isFullWidth,
+    isOptional: isOptional,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+});
+const MemoizedNativeSelect = memo(NativeSelect);
+MemoizedNativeSelect.displayName = "NativeSelect";
+export { MemoizedNativeSelect as NativeSelect };
+//# sourceMappingURL=NativeSelect.js.map

package/dist/esm/NativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.js","names":["React","forwardRef","memo","useCallback","useImperativeHandle","useMemo","useRef","Field","getControlState","useInputValues","jsx","_jsx","NativeSelect","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","label","onBlur","onChange","onChangeProp","onFocus","testId","translate","value","children","ref","controlledStateRef","controlledValue","uncontrolledValue","localInputRef","focus","current","inputValues","controlState","event","child","undefined","renderFieldComponent","errorMessageElementId","labelElementId","_Select","autoComplete","inputProps","multiple","name","native","fieldType","hasVisibleLabel","MemoizedNativeSelect","displayName"],"sources":["../../src/NativeSelect.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  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n} from \"@mui/material\";\nimport React, {\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} 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 { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type NativeSelectOption = {\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\n};\n\nexport type NativeSelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type NativeSelectProps<\n  Value extends NativeSelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The options or optgroup elements within the NativeSelect\n   */\n  children?: ReactElement<\"option\"> | ReactElement<\"optgroup\">;\n  /**\n   * The default value of the NativeSelect. Use when component is uncontrolled\n   */\n  defaultValue?: Value;\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the NativeSelect\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the NativeSelect\n   */\n  label: string;\n  /**\n   * Callback fired when the NativeSelect loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the NativeSelect changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the NativeSelect gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  options: Value;\n  /**\n   * The value or values selected in the NativeSelect. Use when component is controlled\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype NativeSelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"labelElementId\">;\n\nconst NativeSelect = forwardRef(\n  <\n    Value extends NativeSelectValueType<HasMultipleChoices>,\n    HasMultipleChoices extends boolean,\n  >(\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices: hasMultipleChoicesProp,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiSelect,\n      isOptional = false,\n      label,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      testId,\n      translate,\n      value,\n      children,\n    }: NativeSelectProps<Value, HasMultipleChoices>,\n    ref?: React.Ref<ReactElement>,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const localInputRef = useRef<HTMLSelectElement>(null);\n\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const onChange = useCallback<\n      NonNullable<MuiSelectProps<Value>[\"onChange\"]>\n    >(\n      (event, child) => {\n        onChangeProp?.(event, child);\n      },\n      [onChangeProp],\n    );\n\n    const hasMultipleChoices = useMemo(\n      () =>\n        hasMultipleChoicesProp === undefined\n          ? isMultiSelect\n          : hasMultipleChoicesProp,\n      [hasMultipleChoicesProp, isMultiSelect],\n    );\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        labelElementId,\n      }: NativeSelectRenderProps) => (\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          children={children}\n          id={idOverride}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n          }}\n          inputRef={localInputRef}\n          multiple={hasMultipleChoices}\n          name={idOverride}\n          native={true}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          ref={ref}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        children,\n        idOverride,\n        inputValues,\n        hasMultipleChoices,\n        onBlur,\n        onChange,\n        onFocus,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedNativeSelect = memo(NativeSelect);\nMemoizedNativeSelect.displayName = \"NativeSelect\";\n\nexport { MemoizedNativeSelect as NativeSelect };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/NullElement.js

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

package/dist/esm/NullElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullElement.js","names":[],"sources":["../../src/NullElement.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\nexport type NullElement = false | null | undefined;\n"],"mappings":"","ignoreList":[]}

package/dist/esm/OdysseyCacheProvider.js

@@ -0,0 +1,46 @@
+/*!
+ * 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 createCache from "@emotion/cache";
+import { CacheProvider } from "@emotion/react";
+import { memo, useMemo } from "react";
+import { useUniqueAlphabeticalId } from "./useUniqueAlphabeticalId.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const OdysseyCacheProvider = ({
+  children,
+  emotionRoot,
+  emotionRootElement,
+  nonce,
+  stylisPlugins
+}) => {
+  const uniqueAlphabeticalId = useUniqueAlphabeticalId();
+  const emotionCache = useMemo(() => createCache({
+    ...((emotionRootElement || emotionRoot) && {
+      container: emotionRootElement || emotionRoot
+    }),
+    key: uniqueAlphabeticalId,
+    nonce: nonce ?? globalThis.cspNonce,
+    prepend: true,
+    speedy: true,
+    ...(stylisPlugins && {
+      stylisPlugins
+    })
+  }), [emotionRoot, emotionRootElement, nonce, stylisPlugins, uniqueAlphabeticalId]);
+  return _jsx(CacheProvider, {
+    value: emotionCache,
+    children: children
+  });
+};
+const MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);
+MemoizedOdysseyCacheProvider.displayName = "OdysseyCacheProvider";
+export { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };
+//# sourceMappingURL=OdysseyCacheProvider.js.map

package/dist/esm/OdysseyCacheProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyCacheProvider.js","names":["createCache","CacheProvider","memo","useMemo","useUniqueAlphabeticalId","jsx","_jsx","OdysseyCacheProvider","children","emotionRoot","emotionRootElement","nonce","stylisPlugins","uniqueAlphabeticalId","emotionCache","container","key","globalThis","cspNonce","prepend","speedy","value","MemoizedOdysseyCacheProvider","displayName"],"sources":["../../src/OdysseyCacheProvider.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\ndeclare global {\n  var cspNonce: string; // Adding types to `globalThis` requires we use `var`.\n}\n\nimport createCache, { StylisPlugin } from \"@emotion/cache\";\nimport { CacheProvider } from \"@emotion/react\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { useUniqueAlphabeticalId } from \"./useUniqueAlphabeticalId.js\";\n\nexport type OdysseyCacheProviderProps = {\n  children: ReactNode;\n  /**\n   * @deprecated Use `EmotionRootElement` instead. This was incorrectly configured as an `HTMLStyleElement`, but then we're rendering `<style>` inside `<style>`. We need this to be a `<div>` instead.\n   *\n   * Emotion caches styles into the style element.\n   * When enabling this prop, Emotion caches the styles at this element, rather than in <head>.\n   */\n  emotionRoot?: HTMLStyleElement;\n  /**\n   * Emotion adds `<style>` elements into this DOM node. Normally, Emotion puts these in `document.head`.\n   * This is useful if you want to render into a Shadow DOM or iframe.\n   */\n  emotionRootElement?: HTMLElement;\n  /**\n   * @deprecated No longer necessary.\n   *\n   * Required to know if a Shadow DOM is in use. This tells Emotion to change its cache configuration.\n   */\n  hasShadowDom?: boolean;\n  nonce?: string;\n  /**\n   * @deprecated No longer necessary.\n   *\n   * Emotion renders into this HTML element.\n   * When enabling this prop, Emotion renders at the top of this component rather than the bottom like it does in the HTML `<head>`.\n   */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n  stylisPlugins?: StylisPlugin[];\n};\n\nconst OdysseyCacheProvider = ({\n  children,\n  emotionRoot,\n  emotionRootElement,\n  nonce,\n  stylisPlugins,\n}: OdysseyCacheProviderProps) => {\n  const uniqueAlphabeticalId = useUniqueAlphabeticalId();\n\n  const emotionCache = useMemo(\n    () =>\n      createCache({\n        ...((emotionRootElement || emotionRoot) && {\n          container: emotionRootElement || emotionRoot,\n        }),\n        key: uniqueAlphabeticalId,\n        nonce: nonce ?? globalThis.cspNonce,\n        prepend: true,\n        speedy: true,\n        ...(stylisPlugins && { stylisPlugins }),\n      }),\n    [\n      emotionRoot,\n      emotionRootElement,\n      nonce,\n      stylisPlugins,\n      uniqueAlphabeticalId,\n    ],\n  );\n\n  return <CacheProvider value={emotionCache}>{children}</CacheProvider>;\n};\n\nconst MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);\nMemoizedOdysseyCacheProvider.displayName = \"OdysseyCacheProvider\";\n\nexport { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,OAAOA,WAAW,MAAwB,gBAAgB;AAC1D,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAEhD,SAASC,uBAAuB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiCvE,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,KAAK;EACLC;AACyB,CAAC,KAAK;EAC/B,MAAMC,oBAAoB,GAAGT,uBAAuB,CAAC,CAAC;EAEtD,MAAMU,YAAY,GAAGX,OAAO,CAC1B,MACEH,WAAW,CAAC;IACV,IAAI,CAACU,kBAAkB,IAAID,WAAW,KAAK;MACzCM,SAAS,EAAEL,kBAAkB,IAAID;IACnC,CAAC,CAAC;IACFO,GAAG,EAAEH,oBAAoB;IACzBF,KAAK,EAAEA,KAAK,IAAIM,UAAU,CAACC,QAAQ;IACnCC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,IAAI;IACZ,IAAIR,aAAa,IAAI;MAAEA;IAAc,CAAC;EACxC,CAAC,CAAC,EACJ,CACEH,WAAW,EACXC,kBAAkB,EAClBC,KAAK,EACLC,aAAa,EACbC,oBAAoB,CAExB,CAAC;EAED,OAAOP,IAAA,CAACL,aAAa;IAACoB,KAAK,EAAEP,YAAa;IAAAN,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,MAAMc,4BAA4B,GAAGpB,IAAI,CAACK,oBAAoB,CAAC;AAC/De,4BAA4B,CAACC,WAAW,GAAG,sBAAsB;AAEjE,SAASD,4BAA4B,IAAIf,oBAAoB","ignoreList":[]}

package/dist/esm/OdysseyDesignTokensContext.js

@@ -0,0 +1,18 @@
+/*!
+ * 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 * as odysseyDesignTokens from "@okta/odyssey-design-tokens";
+import { createContext, useContext } from "react";
+export const defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;
+export const OdysseyDesignTokensContext = createContext(defaultOdysseyDesignTokensContextValue);
+export const useOdysseyDesignTokens = () => useContext(OdysseyDesignTokensContext);
+//# sourceMappingURL=OdysseyDesignTokensContext.js.map

package/dist/esm/OdysseyDesignTokensContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyDesignTokensContext.js","names":["odysseyDesignTokens","createContext","useContext","defaultOdysseyDesignTokensContextValue","OdysseyDesignTokensContext","useOdysseyDesignTokens"],"sources":["../../src/OdysseyDesignTokensContext.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 * as odysseyDesignTokens from \"@okta/odyssey-design-tokens\";\nimport { createContext, useContext } from \"react\";\n\nexport type DesignTokens = typeof odysseyDesignTokens;\nexport const defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;\nexport const OdysseyDesignTokensContext = createContext(\n  defaultOdysseyDesignTokensContextValue,\n);\n\nexport const useOdysseyDesignTokens = () =>\n  useContext(OdysseyDesignTokensContext);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,mBAAmB,MAAM,6BAA6B;AAClE,SAASC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,OAAO,MAAMC,sCAAsC,GAAGH,mBAAmB;AACzE,OAAO,MAAMI,0BAA0B,GAAGH,aAAa,CACrDE,sCACF,CAAC;AAED,OAAO,MAAME,sBAAsB,GAAGA,CAAA,KACpCH,UAAU,CAACE,0BAA0B,CAAC","ignoreList":[]}

package/dist/esm/OdysseyProvider.js

@@ -0,0 +1,67 @@
+import _ScopedCssBaseline from "@mui/material/ScopedCssBaseline";
+/*!
+ * 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 { CssBaseline } from "./CssBaseline.js";
+import { FullScreenOverlayProvider } from "./FullScreenOverlayContext.js";
+import { TranslationProvider as OdysseyTranslationProvider } from "./i18n.generated/i18n.js";
+import { OdysseyCacheProvider } from "./OdysseyCacheProvider.js";
+import { OdysseyThemeProvider } from "./OdysseyThemeProvider.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const scopedCssBaselineStyles = {
+  height: "inherit"
+};
+const OdysseyProvider = ({
+  children,
+  contrastMode,
+  designTokensOverride,
+  emotionRoot,
+  emotionRootElement,
+  hasCssBaseline: hasGlobalCss,
+  hasScopedCssBaseline = true,
+  hasWrapperElement,
+  languageCode,
+  nonce,
+  overlayParentElement,
+  shadowDomElement,
+  shadowRootElement,
+  stylisPlugins,
+  themeOverride,
+  translationOverrides
+}) => _jsx(OdysseyCacheProvider, {
+  emotionRootElement: emotionRootElement || emotionRoot,
+  nonce: nonce,
+  stylisPlugins: stylisPlugins,
+  children: _jsx(OdysseyThemeProvider, {
+    contrastMode: contrastMode,
+    designTokensOverride: designTokensOverride,
+    hasWrapperElement: hasWrapperElement,
+    shadowRootElement: shadowRootElement ?? shadowDomElement,
+    themeOverride: themeOverride,
+    children: _jsx(OdysseyTranslationProvider, {
+      languageCode: languageCode,
+      translationOverrides: translationOverrides,
+      children: _jsxs(FullScreenOverlayProvider, {
+        hasShadowDom: Boolean(shadowRootElement || shadowDomElement),
+        overlayParentElement: overlayParentElement,
+        children: [hasGlobalCss && _jsx(CssBaseline, {}), hasScopedCssBaseline ? _jsx(_ScopedCssBaseline, {
+          sx: scopedCssBaselineStyles,
+          children: children
+        }) : children]
+      })
+    })
+  })
+});
+const MemoizedOdysseyProvider = memo(OdysseyProvider);
+MemoizedOdysseyProvider.displayName = "OdysseyProvider";
+export { MemoizedOdysseyProvider as OdysseyProvider };
+//# sourceMappingURL=OdysseyProvider.js.map

package/dist/esm/OdysseyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyProvider.js","names":["memo","CssBaseline","FullScreenOverlayProvider","TranslationProvider","OdysseyTranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","jsx","_jsx","jsxs","_jsxs","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasWrapperElement","languageCode","nonce","overlayParentElement","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","hasShadowDom","Boolean","_ScopedCssBaseline","sx","MemoizedOdysseyProvider","displayName"],"sources":["../../src/OdysseyProvider.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 { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => (\n  <OdysseyCacheProvider\n    emotionRootElement={emotionRootElement || emotionRoot}\n    nonce={nonce}\n    stylisPlugins={stylisPlugins}\n  >\n    <OdysseyThemeProvider\n      contrastMode={contrastMode}\n      designTokensOverride={designTokensOverride}\n      hasWrapperElement={hasWrapperElement}\n      shadowRootElement={shadowRootElement ?? shadowDomElement}\n      themeOverride={themeOverride}\n    >\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        <FullScreenOverlayProvider\n          hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n          overlayParentElement={overlayParentElement}\n        >\n          {hasGlobalCss && <CssBaseline />}\n\n          {hasScopedCssBaseline ? (\n            <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n              {children}\n            </ScopedCssBaseline>\n          ) : (\n            children\n          )}\n        </FullScreenOverlayProvider>\n      </OdysseyTranslationProvider>\n    </OdysseyThemeProvider>\n  </OdysseyCacheProvider>\n);\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,QAAmB,OAAO;AAEvC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SACEC,yBAAyB,QAEpB,+BAA+B;AACtC,SAEEC,mBAAmB,IAAIC,0BAA0B,QAE5C,0BAA0B;AACjC,SACEC,oBAAoB,QAEf,2BAA2B;AAClC,SACEC,oBAAoB,QAEf,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAmBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KACzCtB,IAAA,CAACH,oBAAoB;EACnBa,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;EACtDO,KAAK,EAAEA,KAAM;EACbI,aAAa,EAAEA,aAAc;EAAAd,QAAA,EAE7BN,IAAA,CAACF,oBAAoB;IACnBS,YAAY,EAAEA,YAAa;IAC3BC,oBAAoB,EAAEA,oBAAqB;IAC3CM,iBAAiB,EAAEA,iBAAkB;IACrCK,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;IACzDG,aAAa,EAAEA,aAAc;IAAAf,QAAA,EAE7BN,IAAA,CAACJ,0BAA0B;MACzBmB,YAAY,EAAEA,YAAa;MAC3BO,oBAAoB,EAAEA,oBAAqB;MAAAhB,QAAA,EAE3CJ,KAAA,CAACR,yBAAyB;QACxB6B,YAAY,EAAEC,OAAO,CAACL,iBAAiB,IAAID,gBAAgB,CAAE;QAC7DD,oBAAoB,EAAEA,oBAAqB;QAAAX,QAAA,GAE1CM,YAAY,IAAIZ,IAAA,CAACP,WAAW,IAAE,CAAC,EAE/BoB,oBAAoB,GACnBb,IAAA,CAAAyB,kBAAA;UAAmBC,EAAE,EAAEvB,uBAAwB;UAAAG,QAAA,EAC5CA;QAAQ,CACQ,CAAC,GAEpBA,QACD;MAAA,CACwB;IAAC,CACF;EAAC,CACT;AAAC,CACH,CACvB;AAED,MAAMqB,uBAAuB,GAAGnC,IAAI,CAACa,eAAe,CAAC;AACrDsB,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAItB,eAAe","ignoreList":[]}

package/dist/esm/OdysseyThemeProvider.js

@@ -0,0 +1,81 @@
+/*!
+ * 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 styled from "@emotion/styled";
+import { createTheme, ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
+import { deepmerge } from "@mui/utils";
+import * as Tokens from "@okta/odyssey-design-tokens";
+import { memo, useMemo } from "react";
+import { OdysseyDesignTokensContext } from "./OdysseyDesignTokensContext.js";
+import { OdysseyThemeProviderPropsProvider, useOdysseyThemeProviderPropsContext } from "./OdysseyThemeProviderPropsContext.js";
+import { createOdysseyMuiTheme } from "./theme/theme.js";
+import { ContrastModeContext, useContrastMode } from "./useContrastMode.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledContrastContainerStyles = styled("div")({
+  height: "inherit"
+});
+const OdysseyThemeProvider = ({
+  children,
+  contrastMode: contrastModeProp,
+  designTokensOverride: designTokensOverrideProp,
+  hasWrapperElement = true,
+  shadowDomElement,
+  shadowRootElement: shadowRootElementProp,
+  themeOverride: themeOverrideProp
+}) => {
+  const odysseyThemeProviderPropsContext = useOdysseyThemeProviderPropsContext();
+  const designTokensOverride = designTokensOverrideProp ?? odysseyThemeProviderPropsContext.designTokensOverride;
+  const shadowRootElement = shadowRootElementProp ?? shadowDomElement ?? odysseyThemeProviderPropsContext.shadowRootElement;
+  const themeOverride = themeOverrideProp ?? odysseyThemeProviderPropsContext.themeOverride;
+  const {
+    contrastMode,
+    contrastContainerRef
+  } = useContrastMode({
+    contrastMode: contrastModeProp
+  });
+  const odysseyTokens = useMemo(() => ({
+    ...Tokens,
+    ...designTokensOverride
+  }), [designTokensOverride]);
+  const odysseyTheme = useMemo(() => createOdysseyMuiTheme({
+    contrastMode,
+    odysseyTokens,
+    shadowRootElement
+  }), [contrastMode, odysseyTokens, shadowRootElement]);
+  const customOdysseyTheme = useMemo(() => createTheme(deepmerge(odysseyTheme, themeOverride || {})), [odysseyTheme, themeOverride]);
+  const contrastModeProviderValue = useMemo(() => ({
+    contrastMode
+  }), [contrastMode]);
+  const providerComponents = useMemo(() => _jsx(ContrastModeContext.Provider, {
+    value: contrastModeProviderValue,
+    children: _jsx(MuiThemeProvider, {
+      theme: customOdysseyTheme,
+      children: _jsx(OdysseyThemeProviderPropsProvider, {
+        designTokensOverride: designTokensOverride,
+        shadowRootElement: shadowRootElement,
+        themeOverride: themeOverride,
+        children: _jsx(OdysseyDesignTokensContext.Provider, {
+          value: odysseyTokens,
+          children: children
+        })
+      })
+    })
+  }), [children, contrastModeProviderValue, customOdysseyTheme, designTokensOverride, odysseyTokens, shadowRootElement, themeOverride]);
+  return hasWrapperElement ? _jsx(StyledContrastContainerStyles, {
+    ref: contrastContainerRef,
+    children: providerComponents
+  }) : providerComponents;
+};
+const MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);
+MemoizedOdysseyThemeProvider.displayName = "OdysseyThemeProvider";
+export { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };
+//# sourceMappingURL=OdysseyThemeProvider.js.map

package/dist/esm/OdysseyThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyThemeProvider.js","names":["styled","createTheme","ThemeProvider","MuiThemeProvider","deepmerge","Tokens","memo","useMemo","OdysseyDesignTokensContext","OdysseyThemeProviderPropsProvider","useOdysseyThemeProviderPropsContext","createOdysseyMuiTheme","ContrastModeContext","useContrastMode","jsx","_jsx","StyledContrastContainerStyles","height","OdysseyThemeProvider","children","contrastMode","contrastModeProp","designTokensOverride","designTokensOverrideProp","hasWrapperElement","shadowDomElement","shadowRootElement","shadowRootElementProp","themeOverride","themeOverrideProp","odysseyThemeProviderPropsContext","contrastContainerRef","odysseyTokens","odysseyTheme","customOdysseyTheme","contrastModeProviderValue","providerComponents","Provider","value","theme","ref","MemoizedOdysseyThemeProvider","displayName"],"sources":["../../src/OdysseyThemeProvider.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 styled from \"@emotion/styled\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\nimport {\n  type OdysseyThemeProviderContextProps,\n  OdysseyThemeProviderPropsProvider,\n  useOdysseyThemeProviderPropsContext,\n} from \"./OdysseyThemeProviderPropsContext.js\";\nimport { createOdysseyMuiTheme } from \"./theme/theme.js\";\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\n\nconst StyledContrastContainerStyles = styled(\"div\")({\n  height: \"inherit\",\n});\n\nexport type OdysseyThemeProviderProps = OdysseyThemeProviderContextProps & {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  /**\n   * Odyssey adds a wrapper `div` for contrast changes and height calculations. This is not necessary if you're not changing the background color or rendering into full-height element.\n   */\n  hasWrapperElement?: boolean;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n};\n\n/**\n * This function doesn't include the Emotion Cache or Translations. You should probably be using `OdysseyProvider`.\n *\n * Some teams have a need to wrap separately (SIW), but most teams will never need to use this explicitly.\n */\nconst OdysseyThemeProvider = ({\n  children,\n  contrastMode: contrastModeProp,\n  designTokensOverride: designTokensOverrideProp,\n  hasWrapperElement = true,\n  shadowDomElement,\n  shadowRootElement: shadowRootElementProp,\n  themeOverride: themeOverrideProp,\n}: OdysseyThemeProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const designTokensOverride =\n    designTokensOverrideProp ??\n    odysseyThemeProviderPropsContext.designTokensOverride;\n\n  const shadowRootElement =\n    shadowRootElementProp ??\n    shadowDomElement ??\n    odysseyThemeProviderPropsContext.shadowRootElement; // Adding `odysseyThemeProviderPropsContext.shadowRootElement` fixes popovers not being styled in `Surface`.\n\n  const themeOverride =\n    themeOverrideProp ?? odysseyThemeProviderPropsContext.themeOverride;\n\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: contrastModeProp,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, shadowRootElement],\n  );\n\n  const customOdysseyTheme = useMemo(\n    () => createTheme(deepmerge(odysseyTheme, themeOverride || {})),\n    [odysseyTheme, themeOverride],\n  );\n\n  const contrastModeProviderValue = useMemo(\n    () => ({\n      contrastMode,\n    }),\n    [contrastMode],\n  );\n\n  const providerComponents = useMemo(\n    () => (\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyThemeProviderPropsProvider\n            designTokensOverride={designTokensOverride}\n            shadowRootElement={shadowRootElement}\n            themeOverride={themeOverride}\n          >\n            <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n              {children}\n            </OdysseyDesignTokensContext.Provider>\n          </OdysseyThemeProviderPropsProvider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    ),\n    [\n      children,\n      contrastModeProviderValue,\n      customOdysseyTheme,\n      designTokensOverride,\n      odysseyTokens,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return hasWrapperElement ? (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      {providerComponents}\n    </StyledContrastContainerStyles>\n  ) : (\n    providerComponents\n  );\n};\n\nconst MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);\nMemoizedOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/OdysseyThemeProviderPropsContext.js

@@ -0,0 +1,38 @@
+/*!
+ * Copyright (c) 2025-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 { createContext, memo, useContext, useMemo } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const OdysseyThemeProviderPropsContext = createContext({});
+export const useOdysseyThemeProviderPropsContext = () => useContext(OdysseyThemeProviderPropsContext);
+const OdysseyThemeProviderPropsProvider = ({
+  children,
+  designTokensOverride,
+  shadowRootElement,
+  themeOverride
+}) => {
+  const odysseyThemeProviderPropsContext = useOdysseyThemeProviderPropsContext();
+  const providerValue = useMemo(() => ({
+    ...odysseyThemeProviderPropsContext,
+    designTokensOverride,
+    shadowRootElement,
+    themeOverride
+  }), [designTokensOverride, odysseyThemeProviderPropsContext, shadowRootElement, themeOverride]);
+  return _jsx(OdysseyThemeProviderPropsContext.Provider, {
+    value: providerValue,
+    children: children
+  });
+};
+const MemoizedOdysseyThemeProviderPropsProvider = memo(OdysseyThemeProviderPropsProvider);
+MemoizedOdysseyThemeProviderPropsProvider.displayName = "OdysseyThemeProviderPropsProvider";
+export { MemoizedOdysseyThemeProviderPropsProvider as OdysseyThemeProviderPropsProvider };
+//# sourceMappingURL=OdysseyThemeProviderPropsContext.js.map

package/dist/esm/OdysseyThemeProviderPropsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyThemeProviderPropsContext.js","names":["createContext","memo","useContext","useMemo","jsx","_jsx","OdysseyThemeProviderPropsContext","useOdysseyThemeProviderPropsContext","OdysseyThemeProviderPropsProvider","children","designTokensOverride","shadowRootElement","themeOverride","odysseyThemeProviderPropsContext","providerValue","Provider","value","MemoizedOdysseyThemeProviderPropsProvider","displayName"],"sources":["../../src/OdysseyThemeProviderPropsContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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 { ThemeOptions } from \"@mui/material\";\nimport {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { DesignTokensOverride } from \"./theme/theme.js\";\n\nexport type OdysseyThemeProviderContextProps = {\n  designTokensOverride?: DesignTokensOverride;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\nexport const OdysseyThemeProviderPropsContext =\n  createContext<OdysseyThemeProviderContextProps>({});\n\nexport const useOdysseyThemeProviderPropsContext = () =>\n  useContext(OdysseyThemeProviderPropsContext);\n\nexport type OdysseyThemeProviderPropsProviderProps =\n  OdysseyThemeProviderContextProps & {\n    children: ReactNode;\n  };\n\nconst OdysseyThemeProviderPropsProvider = ({\n  children,\n  designTokensOverride,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderPropsProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const providerValue = useMemo(\n    () => ({\n      ...odysseyThemeProviderPropsContext,\n      designTokensOverride,\n      shadowRootElement,\n      themeOverride,\n    }),\n    [\n      designTokensOverride,\n      odysseyThemeProviderPropsContext,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return (\n    <OdysseyThemeProviderPropsContext.Provider value={providerValue}>\n      {children}\n    </OdysseyThemeProviderPropsContext.Provider>\n  );\n};\n\nconst MemoizedOdysseyThemeProviderPropsProvider = memo(\n  OdysseyThemeProviderPropsProvider,\n);\nMemoizedOdysseyThemeProviderPropsProvider.displayName =\n  \"OdysseyThemeProviderPropsProvider\";\n\nexport { MemoizedOdysseyThemeProviderPropsProvider as OdysseyThemeProviderPropsProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SACEA,aAAa,EACbC,IAAI,EAEJC,UAAU,EACVC,OAAO,QACF,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUf,OAAO,MAAMC,gCAAgC,GAC3CN,aAAa,CAAmC,CAAC,CAAC,CAAC;AAErD,OAAO,MAAMO,mCAAmC,GAAGA,CAAA,KACjDL,UAAU,CAACI,gCAAgC,CAAC;AAO9C,MAAME,iCAAiC,GAAGA,CAAC;EACzCC,QAAQ;EACRC,oBAAoB;EACpBC,iBAAiB;EACjBC;AACsC,CAAC,KAAK;EAC5C,MAAMC,gCAAgC,GACpCN,mCAAmC,CAAC,CAAC;EAEvC,MAAMO,aAAa,GAAGX,OAAO,CAC3B,OAAO;IACL,GAAGU,gCAAgC;IACnCH,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,CAAC,EACF,CACEF,oBAAoB,EACpBG,gCAAgC,EAChCF,iBAAiB,EACjBC,aAAa,CAEjB,CAAC;EAED,OACEP,IAAA,CAACC,gCAAgC,CAACS,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAL,QAAA,EAC7DA;EAAQ,CACgC,CAAC;AAEhD,CAAC;AAED,MAAMQ,yCAAyC,GAAGhB,IAAI,CACpDO,iCACF,CAAC;AACDS,yCAAyC,CAACC,WAAW,GACnD,mCAAmC;AAErC,SAASD,yCAAyC,IAAIT,iCAAiC","ignoreList":[]}