@okta/odyssey-react-mui 1.22.0 → 1.23.0

package/dist/TextField.js

@@ -16,52 +16,29 @@ import { forwardRef, memo, useCallback, useImperativeHandle, useRef } from "reac
 import { Field } from "./Field.js";
 import { useInputValues, getControlState } from "./inputUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TextFieldTestSelectors = {
-  feature: {
-    description: {
-      selector: {
-        method: "ByText",
-        templateVariableNames: ["hint"],
-        text: "${hint}"
-      }
-    },
-    errorMessage: {
-      selector: {
-        method: "ByText",
-        templateVariableNames: ["errorMessage"],
-        text: "${errorMessage}"
-      }
-    },
-    input: {
-      selector: {
-        method: "ByRole",
-        options: {
-          name: "${label}"
-        },
-        role: "textbox",
-        templateVariableNames: ["label"]
-      }
-    },
-    label: {
-      selector: {
-        method: "ByRole",
-        options: {
-          name: "${label}"
-        },
-        role: "LabelText",
-        templateVariableNames: ["label"]
-      }
-    },
+export const TextFieldTestSelector = {
+  accessibleText: {
+    errorMessage: "errorMessage",
+    hint: "description",
+    label: "label"
+  },
+  children: {
     link: {
-      selector: {
+      elementSelector: {
         method: "ByRole",
         options: {
-          name: "${label}"
+          label: "name"
         },
-        templateVariableNames: ["label"],
         role: "link"
       }
     }
+  },
+  elementSelector: {
+    method: "ByRole",
+    options: {
+      label: "name"
+    },
+    role: "textbox"
   }
 };
 export const textFieldTypeValues = ["email", "number", "tel", "text", "url"];

package/dist/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","Field","useInputValues","getControlState","jsx","_jsx","TextFieldTestSelectors","feature","description","selector","method","templateVariableNames","text","errorMessage","input","options","name","role","label","link","textFieldTypeValues","TextField","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","ref","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","_InputAdornment","position","children","inputProps","multiline","readOnly","required","fieldType","hasVisibleLabel","MemoizedTextField","displayName"],"sources":["../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport { InputAdornment, InputBase } from \"@mui/material\";\n\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps\";\nimport { Field } from \"./Field\";\nimport { HtmlProps } from \"./HtmlProps\";\nimport { FocusHandle, useInputValues, getControlState } from \"./inputUtils\";\nimport { type FeatureTestSelector } from \"./test-selectors\";\n\nexport const TextFieldTestSelectors = {\n  feature: {\n    description: {\n      selector: {\n        method: \"ByText\",\n        templateVariableNames: [\"hint\"],\n        text: \"${hint}\",\n      },\n    },\n    errorMessage: {\n      selector: {\n        method: \"ByText\",\n        templateVariableNames: [\"errorMessage\"],\n        text: \"${errorMessage}\",\n      },\n    },\n    input: {\n      selector: {\n        method: \"ByRole\",\n        options: {\n          name: \"${label}\",\n        },\n        role: \"textbox\",\n        templateVariableNames: [\"label\"],\n      },\n    },\n    label: {\n      selector: {\n        method: \"ByRole\",\n        options: {\n          name: \"${label}\",\n        },\n        role: \"LabelText\",\n        templateVariableNames: [\"label\"],\n      },\n    },\n    link: {\n      selector: {\n        method: \"ByRole\",\n        options: {\n          name: \"${label}\",\n        },\n        templateVariableNames: [\"label\"],\n        role: \"link\",\n      },\n    },\n  },\n} as const satisfies FeatureTestSelector;\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(\n      inputRef,\n      () => {\n        return {\n          focus: () => {\n            localInputRef.current?.focus();\n          },\n        };\n      },\n      [],\n    );\n\n    const onChange = useCallback<\n      NonNullable<ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          type={type}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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"}
+{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","Field","useInputValues","getControlState","jsx","_jsx","TextFieldTestSelector","accessibleText","errorMessage","hint","label","children","link","elementSelector","method","options","role","textFieldTypeValues","TextField","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessageList","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","ref","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","_InputAdornment","position","inputProps","multiline","readOnly","required","fieldType","hasVisibleLabel","MemoizedTextField","displayName"],"sources":["../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\nimport { InputAdornment, InputBase } from \"@mui/material\";\n\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps\";\nimport { Field } from \"./Field\";\nimport { HtmlProps } from \"./HtmlProps\";\nimport { FocusHandle, useInputValues, getControlState } from \"./inputUtils\";\nimport { type TestSelector } from \"./test-selectors\";\n\nexport const TextFieldTestSelector = {\n  accessibleText: {\n    errorMessage: \"errorMessage\",\n    hint: \"description\",\n    label: \"label\",\n  },\n  children: {\n    link: {\n      elementSelector: {\n        method: \"ByRole\",\n        options: {\n          label: \"name\",\n        },\n        role: \"link\",\n      },\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      label: \"name\",\n    },\n    role: \"textbox\",\n  },\n} as const satisfies TestSelector;\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(\n      inputRef,\n      () => {\n        return {\n          focus: () => {\n            localInputRef.current?.focus();\n          },\n        };\n      },\n      [],\n    );\n\n    const onChange = useCallback<\n      NonNullable<ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          type={type}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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"}

package/dist/Toast.js

@@ -72,9 +72,9 @@ const Toast = ({
         variant: "toast",
         children: [_jsxs(_AlertTitle, {
           translate: translate,
-          children: [_jsx(ScreenReaderText, {
+          children: [_jsxs(ScreenReaderText, {
             translate: translate,
-            children: t(`severity.${severity}:`)
+            children: [t(`severity.${severity}`), ":"]
           }), text]
         }), linkUrl && _jsx(Link, {
           href: linkUrl,

package/dist/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["useEffect","memo","useState","useCallback","useTranslation","Button","CloseIcon","Link","ScreenReaderText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","toastRoleValues","toastSeverityValues","ClickAwayListenerProps","onClickAway","Toast","autoHideDuration","isDismissable","linkText","linkUrl","isVisible","isVisibleProp","onHide","onHideProp","role","severity","testId","text","translate","t","setIsVisible","children","_Snackbar","open","undefined","onClose","className","_Alert","action","ariaLabel","onClick","size","startIcon","variant","_AlertTitle","href","MemoizedToast","displayName"],"sources":["../src/Toast.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 { useEffect, memo, useState, useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Alert, AlertTitle, Snackbar } from \"@mui/material\";\n\nimport { Button } from \"./Button\";\nimport { HtmlProps } from \"./HtmlProps\";\nimport { CloseIcon } from \"./icons.generated\";\nimport { Link } from \"./Link\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\n\nexport const toastRoleValues = [\"status\", \"alert\"] as const;\nexport const toastSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type ToastProps = {\n  /**\n   * If set, this determines how long the Toast should appear before automatically disappearing in milliseconds.\n   * It will only take effect if the Toast is not dismissible.\n   * If left blank, it defaults to 6000.\n   */\n  autoHideDuration?: number;\n  /**\n   * If `true`, the Toast will include a close button.\n   */\n  isDismissable?: boolean;\n  /**\n   * If true, the Toast is visible\n   */\n  isVisible?: boolean;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n  /**\n   * If defined, the Toast will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * An optional function to run when the Toast is closed.\n   */\n  onHide?: () => void;\n  /**\n   * Sets the ARIA role of the Toast\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof toastRoleValues)[number];\n  /**\n   * Determine the color and icon of the Toast\n   */\n  severity: (typeof toastSeverityValues)[number];\n  /**\n   * The text content of the Toast\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ClickAwayListenerProps = { onClickAway: () => false };\n\nconst Toast = ({\n  autoHideDuration = 6000,\n  isDismissable,\n  linkText,\n  linkUrl,\n  isVisible: isVisibleProp,\n  onHide: onHideProp,\n  role,\n  severity,\n  testId,\n  text,\n  translate,\n}: ToastProps) => {\n  const { t } = useTranslation();\n  const [isVisible, setIsVisible] = useState(isVisibleProp);\n\n  useEffect(() => {\n    setIsVisible(isVisibleProp);\n  }, [isVisibleProp]);\n\n  const onHide = useCallback(() => {\n    setIsVisible(false);\n    onHideProp?.();\n  }, [onHideProp]);\n\n  return (\n    <>\n      <Snackbar\n        open={isVisible}\n        autoHideDuration={\n          isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration\n        }\n        onClose={onHide}\n        className=\"Toast\"\n        ClickAwayListenerProps={ClickAwayListenerProps}\n      >\n        <Alert\n          action={\n            isDismissable === true && (\n              <Button\n                ariaLabel={t(\"close.text\")}\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<CloseIcon />}\n                variant=\"floating\"\n              />\n            )\n          }\n          data-se={testId}\n          role={role}\n          severity={severity}\n          variant=\"toast\"\n        >\n          <AlertTitle translate={translate}>\n            <ScreenReaderText translate={translate}>\n              {t(`severity.${severity}:`)}\n            </ScreenReaderText>\n            {text}\n          </AlertTitle>\n          {linkUrl && (\n            <Link href={linkUrl} variant=\"monochrome\" translate={translate}>\n              {linkText}\n            </Link>\n          )}\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nconst MemoizedToast = memo(Toast);\nMemoizedToast.displayName = \"Toast\";\n\nexport { MemoizedToast as Toast };\n"],"mappings":"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"}
+{"version":3,"file":"Toast.js","names":["useEffect","memo","useState","useCallback","useTranslation","Button","CloseIcon","Link","ScreenReaderText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","toastRoleValues","toastSeverityValues","ClickAwayListenerProps","onClickAway","Toast","autoHideDuration","isDismissable","linkText","linkUrl","isVisible","isVisibleProp","onHide","onHideProp","role","severity","testId","text","translate","t","setIsVisible","children","_Snackbar","open","undefined","onClose","className","_Alert","action","ariaLabel","onClick","size","startIcon","variant","_AlertTitle","href","MemoizedToast","displayName"],"sources":["../src/Toast.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 { useEffect, memo, useState, useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Alert, AlertTitle, Snackbar } from \"@mui/material\";\n\nimport { Button } from \"./Button\";\nimport { HtmlProps } from \"./HtmlProps\";\nimport { CloseIcon } from \"./icons.generated\";\nimport { Link } from \"./Link\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\n\nexport const toastRoleValues = [\"status\", \"alert\"] as const;\nexport const toastSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type ToastProps = {\n  /**\n   * If set, this determines how long the Toast should appear before automatically disappearing in milliseconds.\n   * It will only take effect if the Toast is not dismissible.\n   * If left blank, it defaults to 6000.\n   */\n  autoHideDuration?: number;\n  /**\n   * If `true`, the Toast will include a close button.\n   */\n  isDismissable?: boolean;\n  /**\n   * If true, the Toast is visible\n   */\n  isVisible?: boolean;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n  /**\n   * If defined, the Toast will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * An optional function to run when the Toast is closed.\n   */\n  onHide?: () => void;\n  /**\n   * Sets the ARIA role of the Toast\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof toastRoleValues)[number];\n  /**\n   * Determine the color and icon of the Toast\n   */\n  severity: (typeof toastSeverityValues)[number];\n  /**\n   * The text content of the Toast\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ClickAwayListenerProps = { onClickAway: () => false };\n\nconst Toast = ({\n  autoHideDuration = 6000,\n  isDismissable,\n  linkText,\n  linkUrl,\n  isVisible: isVisibleProp,\n  onHide: onHideProp,\n  role,\n  severity,\n  testId,\n  text,\n  translate,\n}: ToastProps) => {\n  const { t } = useTranslation();\n  const [isVisible, setIsVisible] = useState(isVisibleProp);\n\n  useEffect(() => {\n    setIsVisible(isVisibleProp);\n  }, [isVisibleProp]);\n\n  const onHide = useCallback(() => {\n    setIsVisible(false);\n    onHideProp?.();\n  }, [onHideProp]);\n\n  return (\n    <>\n      <Snackbar\n        open={isVisible}\n        autoHideDuration={\n          isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration\n        }\n        onClose={onHide}\n        className=\"Toast\"\n        ClickAwayListenerProps={ClickAwayListenerProps}\n      >\n        <Alert\n          action={\n            isDismissable === true && (\n              <Button\n                ariaLabel={t(\"close.text\")}\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<CloseIcon />}\n                variant=\"floating\"\n              />\n            )\n          }\n          data-se={testId}\n          role={role}\n          severity={severity}\n          variant=\"toast\"\n        >\n          <AlertTitle translate={translate}>\n            <ScreenReaderText translate={translate}>\n              {t(`severity.${severity}`)}:\n            </ScreenReaderText>\n            {text}\n          </AlertTitle>\n          {linkUrl && (\n            <Link href={linkUrl} variant=\"monochrome\" translate={translate}>\n              {linkText}\n            </Link>\n          )}\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nconst MemoizedToast = memo(Toast);\nMemoizedToast.displayName = \"Toast\";\n\nexport { MemoizedToast as Toast };\n"],"mappings":"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"}

package/dist/createShadowDomElements.js

@@ -19,6 +19,7 @@ export const createShadowDomElements = containerElement => {
   emotionRootElement.setAttribute("nonce", window.cspNonce);
   const shadowRootElement = document.createElement("div");
   shadowRootElement.setAttribute("id", "shadow-root");
+  shadowRootElement.style.setProperty("height", "inherit");
   shadowRoot.appendChild(emotionRootElement);
   shadowRoot.appendChild(shadowRootElement);
   return {

package/dist/createShadowDomElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"createShadowDomElements.js","names":["createShadowDomElements","containerElement","shadowRoot","attachShadow","mode","emotionRootElement","document","createElement","setAttribute","window","cspNonce","shadowRootElement","appendChild","createShadowRootElement"],"sources":["../src/createShadowDomElements.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\nexport const createShadowDomElements = (containerElement: HTMLElement) => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // Container for Emotion `<style>` elements.\n  const emotionRootElement = document.createElement(\"div\");\n  emotionRootElement.setAttribute(\"id\", \"style-root\");\n  emotionRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  // React app root component.\n  const shadowRootElement = document.createElement(\"div\");\n  shadowRootElement.setAttribute(\"id\", \"shadow-root\");\n\n  shadowRoot.appendChild(emotionRootElement);\n  shadowRoot.appendChild(shadowRootElement);\n\n  return { emotionRootElement, shadowRootElement };\n};\n\n/** @deprecated Use `createShadowDomElements` instead. */\nexport const createShadowRootElement = (\n  containerElement: HTMLElement,\n): [HTMLStyleElement, HTMLDivElement] => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // the element that styles will be cached into\n  const emotionRootElement = document.createElement(\"style\");\n  emotionRootElement.setAttribute(\"id\", \"style-root\");\n  emotionRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  // the element that emotion renders html into\n  const shadowRootElement = document.createElement(\"div\");\n  shadowRootElement.setAttribute(\"id\", \"shadow-root\");\n\n  shadowRoot.appendChild(emotionRootElement);\n  shadowRoot.appendChild(shadowRootElement);\n\n  return [emotionRootElement, shadowRootElement];\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,uBAAuB,GAAIC,gBAA6B,IAAK;EACxE,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAMC,kBAAkB,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACxDF,kBAAkB,CAACG,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDH,kBAAkB,CAACG,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMC,iBAAiB,GAAGL,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDI,iBAAiB,CAACH,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAEnDN,UAAU,CAACU,WAAW,CAACP,kBAAkB,CAAC;EAC1CH,UAAU,CAACU,WAAW,CAACD,iBAAiB,CAAC;EAEzC,OAAO;IAAEN,kBAAkB;IAAEM;EAAkB,CAAC;AAClD,CAAC;AAGD,OAAO,MAAME,uBAAuB,GAClCZ,gBAA6B,IACU;EACvC,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAMC,kBAAkB,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC1DF,kBAAkB,CAACG,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDH,kBAAkB,CAACG,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMC,iBAAiB,GAAGL,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDI,iBAAiB,CAACH,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAEnDN,UAAU,CAACU,WAAW,CAACP,kBAAkB,CAAC;EAC1CH,UAAU,CAACU,WAAW,CAACD,iBAAiB,CAAC;EAEzC,OAAO,CAACN,kBAAkB,EAAEM,iBAAiB,CAAC;AAChD,CAAC"}
+{"version":3,"file":"createShadowDomElements.js","names":["createShadowDomElements","containerElement","shadowRoot","attachShadow","mode","emotionRootElement","document","createElement","setAttribute","window","cspNonce","shadowRootElement","style","setProperty","appendChild","createShadowRootElement"],"sources":["../src/createShadowDomElements.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\nexport const createShadowDomElements = (containerElement: HTMLElement) => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // Container for Emotion `<style>` elements.\n  const emotionRootElement = document.createElement(\"div\");\n  emotionRootElement.setAttribute(\"id\", \"style-root\");\n  emotionRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  // React app root component.\n  const shadowRootElement = document.createElement(\"div\");\n  shadowRootElement.setAttribute(\"id\", \"shadow-root\");\n  // This div could cause issues with layout of children.\n  // For flexibility, make it inherit its parent's height\n  shadowRootElement.style.setProperty(\"height\", \"inherit\");\n\n  shadowRoot.appendChild(emotionRootElement);\n  shadowRoot.appendChild(shadowRootElement);\n\n  return { emotionRootElement, shadowRootElement };\n};\n\n/** @deprecated Use `createShadowDomElements` instead. */\nexport const createShadowRootElement = (\n  containerElement: HTMLElement,\n): [HTMLStyleElement, HTMLDivElement] => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // the element that styles will be cached into\n  const emotionRootElement = document.createElement(\"style\");\n  emotionRootElement.setAttribute(\"id\", \"style-root\");\n  emotionRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  // the element that emotion renders html into\n  const shadowRootElement = document.createElement(\"div\");\n  shadowRootElement.setAttribute(\"id\", \"shadow-root\");\n\n  shadowRoot.appendChild(emotionRootElement);\n  shadowRoot.appendChild(shadowRootElement);\n\n  return [emotionRootElement, shadowRootElement];\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,uBAAuB,GAAIC,gBAA6B,IAAK;EACxE,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAMC,kBAAkB,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACxDF,kBAAkB,CAACG,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDH,kBAAkB,CAACG,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMC,iBAAiB,GAAGL,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDI,iBAAiB,CAACH,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAGnDG,iBAAiB,CAACC,KAAK,CAACC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC;EAExDX,UAAU,CAACY,WAAW,CAACT,kBAAkB,CAAC;EAC1CH,UAAU,CAACY,WAAW,CAACH,iBAAiB,CAAC;EAEzC,OAAO;IAAEN,kBAAkB;IAAEM;EAAkB,CAAC;AAClD,CAAC;AAGD,OAAO,MAAMI,uBAAuB,GAClCd,gBAA6B,IACU;EACvC,MAAMC,UAAU,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAMC,kBAAkB,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC1DF,kBAAkB,CAACG,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDH,kBAAkB,CAACG,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMC,iBAAiB,GAAGL,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDI,iBAAiB,CAACH,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAEnDN,UAAU,CAACY,WAAW,CAACT,kBAAkB,CAAC;EAC1CH,UAAU,CAACY,WAAW,CAACH,iBAAiB,CAAC;EAEzC,OAAO,CAACN,kBAAkB,EAAEM,iBAAiB,CAAC;AAChD,CAAC"}

package/dist/i18n.js

@@ -42,7 +42,7 @@ import { translation as vi } from "./properties/ts/odyssey-react-mui_vi.js";
 import { translation as zhCN } from "./properties/ts/odyssey-react-mui_zh_CN.js";
 import { translation as znTW } from "./properties/ts/odyssey-react-mui_zh_TW.js";
 export const defaultLNG = "en";
-export const defaultNS = "translations";
+export const defaultNS = "odyssey";
 export const resources = {
   cs,
   da,

package/dist/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","names":["i18n","initReactI18next","translation","cs","da","de","el","en","es","fi","fr","hu","id","it","ja","ko","ms","nb","nlNL","okPL","okSK","pl","ptBR","ro","ru","sv","th","tr","uk","vi","zhCN","znTW","defaultLNG","defaultNS","resources","nl_NL","ok_PL","ok_SK","pt_BR","zh_CN","zh_TW","use","init","ns","fallbackLng","load","keySeparator","interpolation","escapeValue","skipOnVariables","react","useSuspense","bindI18nStore","Object","entries","forEach","locale","property","addResourceBundle","odysseyTranslate","t","bind"],"sources":["../src/i18n.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 i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { translation as cs } from \"./properties/ts/odyssey-react-mui_cs\";\nimport { translation as da } from \"./properties/ts/odyssey-react-mui_da\";\nimport { translation as de } from \"./properties/ts/odyssey-react-mui_de\";\nimport { translation as el } from \"./properties/ts/odyssey-react-mui_el\";\nimport { translation as en } from \"./properties/ts/odyssey-react-mui\";\nimport { translation as es } from \"./properties/ts/odyssey-react-mui_es\";\nimport { translation as fi } from \"./properties/ts/odyssey-react-mui_fi\";\nimport { translation as fr } from \"./properties/ts/odyssey-react-mui_fr\";\nimport { translation as hu } from \"./properties/ts/odyssey-react-mui_hu\";\nimport { translation as id } from \"./properties/ts/odyssey-react-mui_id\";\nimport { translation as it } from \"./properties/ts/odyssey-react-mui_it\";\nimport { translation as ja } from \"./properties/ts/odyssey-react-mui_ja\";\nimport { translation as ko } from \"./properties/ts/odyssey-react-mui_ko\";\nimport { translation as ms } from \"./properties/ts/odyssey-react-mui_ms\";\nimport { translation as nb } from \"./properties/ts/odyssey-react-mui_nb\";\nimport { translation as nlNL } from \"./properties/ts/odyssey-react-mui_nl_NL\";\nimport { translation as okPL } from \"./properties/ts/odyssey-react-mui_ok_PL\";\nimport { translation as okSK } from \"./properties/ts/odyssey-react-mui_ok_SK\";\nimport { translation as pl } from \"./properties/ts/odyssey-react-mui_pl\";\nimport { translation as ptBR } from \"./properties/ts/odyssey-react-mui_pt_BR\";\nimport { translation as ro } from \"./properties/ts/odyssey-react-mui_ro\";\nimport { translation as ru } from \"./properties/ts/odyssey-react-mui_ru\";\nimport { translation as sv } from \"./properties/ts/odyssey-react-mui_sv\";\nimport { translation as th } from \"./properties/ts/odyssey-react-mui_th\";\nimport { translation as tr } from \"./properties/ts/odyssey-react-mui_tr\";\nimport { translation as uk } from \"./properties/ts/odyssey-react-mui_uk\";\nimport { translation as vi } from \"./properties/ts/odyssey-react-mui_vi\";\nimport { translation as zhCN } from \"./properties/ts/odyssey-react-mui_zh_CN\";\nimport { translation as znTW } from \"./properties/ts/odyssey-react-mui_zh_TW\";\n\nexport const defaultLNG = \"en\";\nexport const defaultNS = \"translations\";\n\n// Note: This is type \"string\" to allow translation overrides from other languages\nexport type I18nResources = Record<string, Partial<typeof en>>;\nexport const resources: I18nResources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  fi,\n  fr,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  nl_NL: nlNL,\n  ok_PL: okPL,\n  ok_SK: okSK,\n  pl,\n  pt_BR: ptBR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  vi,\n  zh_CN: zhCN,\n  zh_TW: znTW,\n};\n\ni18n.use(initReactI18next).init({\n  defaultNS,\n  ns: [defaultNS],\n  fallbackLng: defaultLNG,\n  load: \"currentOnly\",\n  keySeparator: false,\n  interpolation: {\n    escapeValue: false, // react already safe from xss\n    skipOnVariables: false, // to handle translations that use nesting\n  },\n  react: {\n    useSuspense: false,\n    bindI18nStore: \"added\",\n  },\n});\n\nObject.entries(resources).forEach(([locale, property]) => {\n  i18n.addResourceBundle(locale, defaultNS, property);\n});\n\nexport const odysseyTranslate = i18n.t.bind(i18n);\nexport { i18n };\n"],"mappings":"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"}
+{"version":3,"file":"i18n.js","names":["i18n","initReactI18next","translation","cs","da","de","el","en","es","fi","fr","hu","id","it","ja","ko","ms","nb","nlNL","okPL","okSK","pl","ptBR","ro","ru","sv","th","tr","uk","vi","zhCN","znTW","defaultLNG","defaultNS","resources","nl_NL","ok_PL","ok_SK","pt_BR","zh_CN","zh_TW","use","init","ns","fallbackLng","load","keySeparator","interpolation","escapeValue","skipOnVariables","react","useSuspense","bindI18nStore","Object","entries","forEach","locale","property","addResourceBundle","odysseyTranslate","t","bind"],"sources":["../src/i18n.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 i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { translation as cs } from \"./properties/ts/odyssey-react-mui_cs\";\nimport { translation as da } from \"./properties/ts/odyssey-react-mui_da\";\nimport { translation as de } from \"./properties/ts/odyssey-react-mui_de\";\nimport { translation as el } from \"./properties/ts/odyssey-react-mui_el\";\nimport { translation as en } from \"./properties/ts/odyssey-react-mui\";\nimport { translation as es } from \"./properties/ts/odyssey-react-mui_es\";\nimport { translation as fi } from \"./properties/ts/odyssey-react-mui_fi\";\nimport { translation as fr } from \"./properties/ts/odyssey-react-mui_fr\";\nimport { translation as hu } from \"./properties/ts/odyssey-react-mui_hu\";\nimport { translation as id } from \"./properties/ts/odyssey-react-mui_id\";\nimport { translation as it } from \"./properties/ts/odyssey-react-mui_it\";\nimport { translation as ja } from \"./properties/ts/odyssey-react-mui_ja\";\nimport { translation as ko } from \"./properties/ts/odyssey-react-mui_ko\";\nimport { translation as ms } from \"./properties/ts/odyssey-react-mui_ms\";\nimport { translation as nb } from \"./properties/ts/odyssey-react-mui_nb\";\nimport { translation as nlNL } from \"./properties/ts/odyssey-react-mui_nl_NL\";\nimport { translation as okPL } from \"./properties/ts/odyssey-react-mui_ok_PL\";\nimport { translation as okSK } from \"./properties/ts/odyssey-react-mui_ok_SK\";\nimport { translation as pl } from \"./properties/ts/odyssey-react-mui_pl\";\nimport { translation as ptBR } from \"./properties/ts/odyssey-react-mui_pt_BR\";\nimport { translation as ro } from \"./properties/ts/odyssey-react-mui_ro\";\nimport { translation as ru } from \"./properties/ts/odyssey-react-mui_ru\";\nimport { translation as sv } from \"./properties/ts/odyssey-react-mui_sv\";\nimport { translation as th } from \"./properties/ts/odyssey-react-mui_th\";\nimport { translation as tr } from \"./properties/ts/odyssey-react-mui_tr\";\nimport { translation as uk } from \"./properties/ts/odyssey-react-mui_uk\";\nimport { translation as vi } from \"./properties/ts/odyssey-react-mui_vi\";\nimport { translation as zhCN } from \"./properties/ts/odyssey-react-mui_zh_CN\";\nimport { translation as znTW } from \"./properties/ts/odyssey-react-mui_zh_TW\";\n\nexport const defaultLNG = \"en\";\nexport const defaultNS = \"odyssey\";\n\n// Note: This is type \"string\" to allow translation overrides from other languages\nexport type I18nResources = Record<string, Partial<typeof en>>;\nexport const resources: I18nResources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  fi,\n  fr,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  nl_NL: nlNL,\n  ok_PL: okPL,\n  ok_SK: okSK,\n  pl,\n  pt_BR: ptBR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  vi,\n  zh_CN: zhCN,\n  zh_TW: znTW,\n} as const;\n\ni18n.use(initReactI18next).init({\n  defaultNS,\n  ns: [defaultNS],\n  fallbackLng: defaultLNG,\n  load: \"currentOnly\",\n  keySeparator: false,\n  interpolation: {\n    escapeValue: false, // react already safe from xss\n    skipOnVariables: false, // to handle translations that use nesting\n  },\n  react: {\n    useSuspense: false,\n    bindI18nStore: \"added\",\n  },\n} as const);\n\nObject.entries(resources).forEach(([locale, property]) => {\n  i18n.addResourceBundle(locale, defaultNS, property);\n});\n\nexport const odysseyTranslate = i18n.t.bind(i18n);\nexport { i18n };\n"],"mappings":"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"}

package/dist/index.js

@@ -35,6 +35,7 @@ export * from "./Drawer.js";
 export * from "./EmptyState.js";
 export * from "./Fieldset.js";
 export * from "./FieldComponentProps.js";
+export { FileUploader, fileUploadTypes, fileUploadVariants } from "./FileUploader/index.js";
 export * from "./Form.js";
 export * from "./HintLink.js";
 export * from "./IconWithTooltip.js";
@@ -62,7 +63,7 @@ export * from "./TextField.js";
 export * from "./theme/index.js";
 export * from "./Toast.js";
 export * from "./ToastStack.js";
-export * from "./labs/Switch.js";
+export * from "./Switch.js";
 export * from "./Tooltip.js";
 export * from "./Typography.js";
 export * from "./useUniqueId.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","odysseyTranslate","useOdysseyDesignTokens","badgeContentMaxValues"],"sources":["../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport { odysseyTranslate } from \"./i18n\";\nexport type { FocusHandle } from \"./inputUtils\";\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext\";\n\nexport * from \"./Accordion\";\nexport * from \"./Autocomplete\";\nexport { badgeContentMaxValues } from \"./Badge\";\nexport * from \"./Banner\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Callout\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CircularProgress\";\nexport * from \"./CssBaseline\";\nexport * from \"./createShadowDomElements\";\nexport * from \"./createUniqueId\";\nexport * from \"./DataTable\";\nexport * from \"./Dialog\";\nexport * from \"./Drawer\";\nexport * from \"./EmptyState\";\nexport * from \"./Fieldset\";\nexport * from \"./FieldComponentProps\";\nexport * from \"./Form\";\nexport * from \"./HintLink\";\nexport * from \"./IconWithTooltip\";\nexport * from \"./Link\";\nexport * from \"./MenuButton\";\nexport * from \"./MenuItem\";\nexport * from \"./NativeSelect\";\nexport * from \"./NullElement\";\nexport * from \"./OdysseyCacheProvider\";\nexport * from \"./OdysseyProvider\";\nexport * from \"./OdysseyThemeProvider\";\nexport * from \"./OdysseyTranslationProvider\";\nexport * from \"./PasswordField\";\nexport * from \"./Radio\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScreenReaderText\";\nexport * from \"./SearchField\";\nexport * from \"./Select\";\nexport * from \"./Status\";\nexport * from \"./Surface\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./TagList\";\nexport * from \"./TextField\";\nexport * from \"./theme\";\nexport * from \"./Toast\";\nexport * from \"./ToastStack\";\nexport * from \"./labs/Switch\";\nexport * from \"./Tooltip\";\nexport * from \"./Typography\";\nexport * from \"./useUniqueId\";\nexport * from \"./Pagination\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,cAAc,QAAQ,YAAY;AAEtD,SACEC,WAAW,EAEXC,iBAAiB,EAEjBC,OAAO,EAEPC,cAAc,EAEdC,SAAS,EAETC,YAAY,EAEZC,YAAY,EAEZC,aAAa,EAEbC,QAAQ,EAERC,KAAK,EAELC,iBAAiB,EACjBC,aAAa,QACR,eAAe;AAAC,SAiBdC,gBAAgB;AAAA,SAEhBC,sBAAsB;AAAA;AAAA;AAAA,SAItBC,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","odysseyTranslate","useOdysseyDesignTokens","badgeContentMaxValues","FileUploader","fileUploadTypes","fileUploadVariants"],"sources":["../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport { odysseyTranslate } from \"./i18n\";\nexport type { FocusHandle } from \"./inputUtils\";\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext\";\n\nexport * from \"./Accordion\";\nexport * from \"./Autocomplete\";\nexport { badgeContentMaxValues } from \"./Badge\";\nexport * from \"./Banner\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Callout\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CircularProgress\";\nexport * from \"./CssBaseline\";\nexport * from \"./createShadowDomElements\";\nexport * from \"./createUniqueId\";\nexport * from \"./DataTable\";\nexport * from \"./Dialog\";\nexport * from \"./Drawer\";\nexport * from \"./EmptyState\";\nexport * from \"./Fieldset\";\nexport * from \"./FieldComponentProps\";\nexport {\n  FileUploader,\n  fileUploadTypes,\n  fileUploadVariants,\n} from \"./FileUploader\";\nexport * from \"./Form\";\nexport * from \"./HintLink\";\nexport * from \"./IconWithTooltip\";\nexport * from \"./Link\";\nexport * from \"./MenuButton\";\nexport * from \"./MenuItem\";\nexport * from \"./NativeSelect\";\nexport * from \"./NullElement\";\nexport * from \"./OdysseyCacheProvider\";\nexport * from \"./OdysseyProvider\";\nexport * from \"./OdysseyThemeProvider\";\nexport * from \"./OdysseyTranslationProvider\";\nexport * from \"./PasswordField\";\nexport * from \"./Radio\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScreenReaderText\";\nexport * from \"./SearchField\";\nexport * from \"./Select\";\nexport * from \"./Status\";\nexport * from \"./Surface\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./TagList\";\nexport * from \"./TextField\";\nexport * from \"./theme\";\nexport * from \"./Toast\";\nexport * from \"./ToastStack\";\nexport * from \"./Switch\";\nexport * from \"./Tooltip\";\nexport * from \"./Typography\";\nexport * from \"./useUniqueId\";\nexport * from \"./Pagination\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,cAAc,QAAQ,YAAY;AAEtD,SACEC,WAAW,EAEXC,iBAAiB,EAEjBC,OAAO,EAEPC,cAAc,EAEdC,SAAS,EAETC,YAAY,EAEZC,YAAY,EAEZC,aAAa,EAEbC,QAAQ,EAERC,KAAK,EAELC,iBAAiB,EACjBC,aAAa,QACR,eAAe;AAAC,SAiBdC,gBAAgB;AAAA,SAEhBC,sBAAsB;AAAA;AAAA;AAAA,SAItBC,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAoB5BC,YAAY,EACZC,eAAe,EACfC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/index.scss

@@ -1,7 +1,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 05 Sep 2024 19:54:26 GMT
+ * Generated on Tue, 24 Sep 2024 20:24:06 GMT
  */
 
 $border-color-control: #8d8d8d !default;
@@ -46,7 +46,7 @@ $hue-blue-200: #c1c9f6 !default;
 $hue-blue-300: #9daaf1 !default;
 $hue-blue-400: #7286eb !default;
 $hue-blue-500: #546be7 !default;
-$hue-blue-600: #4c64e1 !default;
+$hue-blue-600: #3f59e4 !default;
 $hue-blue-700: #2e40a5 !default;
 $hue-blue-800: #22307c !default;
 $hue-blue-900: #182257 !default;
@@ -80,12 +80,52 @@ $hue-yellow-600: #966603 !default;
 $hue-yellow-700: #664402 !default;
 $hue-yellow-800: #4c3302 !default;
 $hue-yellow-900: #352401 !default;
+$hue-accent-one-50: #F5F2FD !default;
+$hue-accent-one-100: #E4DFF1 !default;
+$hue-accent-one-200: #D2C2FF !default;
+$hue-accent-one-300: #B89FFE !default;
+$hue-accent-one-400: #9777F9 !default;
+$hue-accent-one-500: #8951FB !default;
+$hue-accent-one-600: #6E47C9 !default;
+$hue-accent-one-700: #5227BE !default;
+$hue-accent-one-800: #401895 !default;
+$hue-accent-one-900: #2B0679 !default;
+$hue-accent-two-50: #FCF2E8 !default;
+$hue-accent-two-100: #F7DCD6 !default;
+$hue-accent-two-200: #F2C299 !default;
+$hue-accent-two-300: #ED9B58 !default;
+$hue-accent-two-400: #E06C07 !default;
+$hue-accent-two-500: #C25608 !default;
+$hue-accent-two-600: #964E1E !default;
+$hue-accent-two-700: #964E1E !default;
+$hue-accent-two-800: #50301B !default;
+$hue-accent-two-900: #3E1F09 !default;
+$hue-accent-three-50: #E1F7F7 !default;
+$hue-accent-three-100: #BCEBEA !default;
+$hue-accent-three-200: #89D9D9 !default;
+$hue-accent-three-300: #5CBDBD !default;
+$hue-accent-three-400: #269C9C !default;
+$hue-accent-three-500: #008585 !default;
+$hue-accent-three-600: #1B6C6C !default;
+$hue-accent-three-700: #255157 !default;
+$hue-accent-three-800: #1C3D3D !default;
+$hue-accent-three-900: #12282B !default;
+$hue-accent-four-50: #FFF2E6 !default;
+$hue-accent-four-100: #EBDFCA !default;
+$hue-accent-four-200: #D6C9AD !default;
+$hue-accent-four-300: #C2AB84 !default;
+$hue-accent-four-400: #A18A60 !default;
+$hue-accent-four-500: #87744D !default;
+$hue-accent-four-600: #696803 !default;
+$hue-accent-four-700: #574931 !default;
+$hue-accent-four-800: #403727 !default;
+$hue-accent-four-900: #2E2618 !default;
 $palette-primary-lighter: #f2f3fd !default;
 $palette-primary-light: #9daaf1 !default;
 $palette-primary-main: #546be7 !default;
 $palette-primary-dark: #2e40a5 !default;
 $palette-primary-darker: #22307c !default;
-$palette-primary-text: #4c64e1 !default;
+$palette-primary-text: #3f59e4 !default;
 $palette-primary-heading: #182257 !default;
 $palette-primary-highlight: #dbe0fa !default;
 $palette-danger-lighter: #fff0ee !default;
@@ -137,7 +177,7 @@ $typography-color-inverse: #ffffff !default; // Inverse text color typically use
 $typography-color-support: #4b4b4b !default;
 $typography-color-subordinate: #6e6e6e !default; // Text color for subordinate text like captions
 $typography-color-disabled: #aeaeae !default;
-$typography-color-action: #4c64e1 !default;
+$typography-color-action: #3f59e4 !default;
 $typography-color-danger: #d92300 !default;
 $typography-color-success: #197f48 !default;
 $typography-color-warning: #966603 !default;
@@ -301,6 +341,54 @@ $ods-tokens: (
       '700': $hue-yellow-700,
       '800': $hue-yellow-800,
       '900': $hue-yellow-900
+    ),
+    'accentOne': (
+      '50': $hue-accent-one-50,
+      '100': $hue-accent-one-100,
+      '200': $hue-accent-one-200,
+      '300': $hue-accent-one-300,
+      '400': $hue-accent-one-400,
+      '500': $hue-accent-one-500,
+      '600': $hue-accent-one-600,
+      '700': $hue-accent-one-700,
+      '800': $hue-accent-one-800,
+      '900': $hue-accent-one-900
+    ),
+    'accentTwo': (
+      '50': $hue-accent-two-50,
+      '100': $hue-accent-two-100,
+      '200': $hue-accent-two-200,
+      '300': $hue-accent-two-300,
+      '400': $hue-accent-two-400,
+      '500': $hue-accent-two-500,
+      '600': $hue-accent-two-600,
+      '700': $hue-accent-two-700,
+      '800': $hue-accent-two-800,
+      '900': $hue-accent-two-900
+    ),
+    'accentThree': (
+      '50': $hue-accent-three-50,
+      '100': $hue-accent-three-100,
+      '200': $hue-accent-three-200,
+      '300': $hue-accent-three-300,
+      '400': $hue-accent-three-400,
+      '500': $hue-accent-three-500,
+      '600': $hue-accent-three-600,
+      '700': $hue-accent-three-700,
+      '800': $hue-accent-three-800,
+      '900': $hue-accent-three-900
+    ),
+    'accentFour': (
+      '50': $hue-accent-four-50,
+      '100': $hue-accent-four-100,
+      '200': $hue-accent-four-200,
+      '300': $hue-accent-four-300,
+      '400': $hue-accent-four-400,
+      '500': $hue-accent-four-500,
+      '600': $hue-accent-four-600,
+      '700': $hue-accent-four-700,
+      '800': $hue-accent-four-800,
+      '900': $hue-accent-four-900
     )
   ),
   'palette': (

package/dist/labs/DataView/DataView.js

@@ -20,7 +20,7 @@ import { DataFilters } from "../DataFilters.js";
 import { EmptyState } from "../../EmptyState.js";
 import { fetchData } from "./fetchData.js";
 import { LayoutSwitcher } from "./LayoutSwitcher.js";
-import { MenuButton } from "../../index.js";
+import { MenuButton } from "../../MenuButton.js";
 import { MoreIcon } from "../../icons.generated/index.js";
 import { TableSettings } from "./TableSettings.js";
 import { Pagination, usePagination } from "../../Pagination/index.js";
@@ -28,10 +28,10 @@ import { TableLayoutContent } from "./TableLayoutContent.js";
 import { CardLayoutContent } from "./CardLayoutContent.js";
 import { useFilterConversion } from "./useFilterConversion.js";
 import { useRowReordering } from "../../DataTable/useRowReordering.js";
+import { Typography } from "../../Typography.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
 import styled from "@emotion/styled";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DataViewContainer = styled("div", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"
@@ -46,9 +46,30 @@ const BulkActionsContainer = styled("div")(() => ({
   display: "flex",
   justifyContent: "space-between"
 }));
-const AdditionalActionsContainer = styled("div")(() => ({
+const AdditionalActionsContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
   display: "flex",
-  justifyContent: "flex-end"
+  justifyContent: "flex-end",
+  gap: odysseyDesignTokens.Spacing2
+}));
+const AdditionalActionsInner = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: odysseyDesignTokens.Spacing2
+}));
+const MetaTextContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  marginInlineEnd: odysseyDesignTokens.Spacing2
 }));
 const DataView = ({
   additionalActionButton,
@@ -57,6 +78,7 @@ const DataView = ({
   bulkActionMenuItems,
   currentPage = 1,
   emptyPlaceholder,
+  enableVirtualization: enableVirtualizationProp,
   errorMessage: errorMessageProp,
   filters: filtersProp,
   getData,
@@ -73,6 +95,7 @@ const DataView = ({
   isNoResults: isNoResultsProp,
   isPaginationMoreDisabled,
   isRowReorderingDisabled,
+  metaText,
   noResultsPlaceholder,
   onChangeRowSelection,
   onReorderRows,
@@ -83,7 +106,8 @@ const DataView = ({
   tableLayoutOptions,
   totalRows,
   maxPages,
-  maxResultsPerPage
+  maxResultsPerPage,
+  onPaginationChange
 }) => {
   const odysseyDesignTokens = useOdysseyDesignTokens();
   const {
@@ -139,9 +163,12 @@ const DataView = ({
   useEffect(() => {
     setPagination(prev => ({
       pageIndex: 1,
-      pageSize: prev.pageSize
+      pageSize: paginationType == "loadMore" ? resultsPerPage : prev.pageSize
     }));
-  }, [filters, search]);
+  }, [filters, paginationType, resultsPerPage, search]);
+  useEffect(() => {
+    onPaginationChange?.(pagination);
+  }, [onPaginationChange, pagination]);
   useEffect(() => {
     fetchData({
       dataQueryParams,
@@ -177,23 +204,33 @@ const DataView = ({
     }
     return;
   }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);
-  const additionalActions = useMemo(() => _jsxs(_Fragment, {
-    children: [currentLayout === "table" && tableLayoutOptions && _jsx(TableSettings, {
-      setTableState: setTableState,
-      tableLayoutOptions: tableLayoutOptions,
-      tableState: tableState
-    }), availableLayouts.length > 1 && _jsx(LayoutSwitcher, {
-      availableLayouts: availableLayouts,
-      currentLayout: currentLayout,
-      setCurrentLayout: setCurrentLayout
-    }), additionalActionButton, additionalActionMenuItems && _jsx(MenuButton, {
-      endIcon: _jsx(MoreIcon, {}),
-      ariaLabel: t("table.moreactions.arialabel"),
-      buttonVariant: "secondary",
-      menuAlignment: "right",
-      children: additionalActionMenuItems
-    })]
-  }), [currentLayout, tableLayoutOptions, tableState, availableLayouts, additionalActionButton, additionalActionMenuItems, t]);
+  const additionalActions = useMemo(() => {
+    return (metaText || currentLayout === "table" && tableLayoutOptions || availableLayouts.length > 1 || additionalActionButton || additionalActionMenuItems) && _jsxs(AdditionalActionsInner, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [metaText && _jsx(MetaTextContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: _jsx(Typography, {
+          color: "textSecondary",
+          children: metaText
+        })
+      }), currentLayout === "table" && tableLayoutOptions && _jsx(TableSettings, {
+        setTableState: setTableState,
+        tableLayoutOptions: tableLayoutOptions,
+        tableState: tableState
+      }), availableLayouts.length > 1 && _jsx(LayoutSwitcher, {
+        availableLayouts: availableLayouts,
+        currentLayout: currentLayout,
+        setCurrentLayout: setCurrentLayout
+      }), additionalActionButton, additionalActionMenuItems && _jsx(MenuButton, {
+        endIcon: _jsx(MoreIcon, {}),
+        ariaLabel: t("table.moreactions.arialabel"),
+        buttonVariant: "secondary",
+        menuAlignment: "right",
+        children: additionalActionMenuItems
+      })]
+    });
+  }, [additionalActionButton, additionalActionMenuItems, availableLayouts, currentLayout, metaText, odysseyDesignTokens, tableLayoutOptions, tableState, t]);
+  const enableVirtualization = useMemo(() => enableVirtualizationProp ?? paginationType === "loadMore", [enableVirtualizationProp, paginationType]);
   const {
     lastRow: lastRowOnPage
   } = usePagination({
@@ -234,13 +271,15 @@ const DataView = ({
         rowSelection: rowSelection,
         setRowSelection: setRowSelection
       }), !shouldShowFilters && additionalActions]
-    }), !shouldShowFilters && !bulkActionMenuItems && !hasRowSelection && _jsx(AdditionalActionsContainer, {
+    }), !shouldShowFilters && !bulkActionMenuItems && !hasRowSelection && additionalActions && _jsx(AdditionalActionsContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
       children: additionalActions
     }), currentLayout === "table" && tableLayoutOptions && _jsx(TableLayoutContent, {
       columns: tableLayoutOptions.columns,
       data: data,
       draggingRow: draggingRow,
       emptyState: emptyState,
+      enableVirtualization: enableVirtualization,
       getRowId: getRowId,
       hasRowReordering: hasRowReordering,
       hasRowSelection: hasRowSelection,