@okta/odyssey-react-mui 1.12.9 → 1.12.11

package/src/Status.tsx

@@ -13,7 +13,7 @@
 import { Chip } from "@mui/material";
 
 import { useMuiProps } from "./MuiPropsContext";
-import type { AllowedProps } from "./AllowedProps";
+import type { HtmlProps } from "./HtmlProps";
 
 export const statusSeverityValues = [
   "default",
@@ -31,7 +31,7 @@ export type StatusProps = {
    * Determine the color and icon of the Status
    */
   severity: (typeof statusSeverityValues)[number];
-} & AllowedProps;
+} & HtmlProps;
 
 export const Status = ({ label, severity, testId, translate }: StatusProps) => {
   const muiProps = useMuiProps();

package/src/Tabs.tsx

@@ -28,7 +28,7 @@ import { Tab as MuiTab } from "@mui/material";
 
 import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext";
 import { Badge, BadgeProps } from "./Badge";
-import { AllowedProps } from "./AllowedProps";
+import { HtmlProps } from "./HtmlProps";
 import { Box } from "./Box";
 
 export type TabItemProps = {
@@ -55,7 +55,7 @@ export type TabItemProps = {
 } & {
   notificationCount?: BadgeProps["badgeContent"];
   notificationCountMax?: BadgeProps["badgeContentMax"];
-} & AllowedProps;
+} & HtmlProps;
 
 export type TabsProps = {
   /**

package/src/Tag.tsx

@@ -14,7 +14,7 @@ import { Chip as MuiChip, ChipProps as MuiChipProps } from "@mui/material";
 import { memo, ReactElement, useCallback, useContext } from "react";
 import { TagListContext } from "./TagListContext";
 import { MuiPropsContext } from "./MuiPropsContext";
-import { AllowedProps } from "./AllowedProps";
+import { HtmlProps } from "./HtmlProps";
 
 export type TagProps = {
   icon?: ReactElement;
@@ -31,7 +31,7 @@ export type TagProps = {
    * Callback fired when the remove button of the Tag is clicked
    */
   onRemove?: MuiChipProps["onDelete"];
-} & AllowedProps;
+} & HtmlProps;
 
 const Tag = ({
   icon,

package/src/TagList.tsx

@@ -14,14 +14,14 @@ import { Tag } from "./Tag";
 import { Stack } from "@mui/material";
 import { memo, ReactElement, useMemo } from "react";
 import { ChipElementType, TagListContext } from "./TagListContext";
-import { AllowedProps } from "./AllowedProps";
+import { HtmlProps } from "./HtmlProps";
 
 export type TagListProps = {
   /**
    * The Tag or array of Tags within the TagList
    */
   children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;
-} & AllowedProps;
+} & HtmlProps;
 
 const TagList = ({ children, testId }: TagListProps) => {
   const providerValue = useMemo<{

package/src/TextField.tsx

@@ -25,7 +25,7 @@ import { InputAdornment, InputBase } from "@mui/material";
 
 import { FieldComponentProps } from "./FieldComponentProps";
 import { Field } from "./Field";
-import { AllowedProps } from "./AllowedProps";
+import { HtmlProps } from "./HtmlProps";
 import { FocusHandle, useInputValues, getControlState } from "./inputUtils";
 
 export const textFieldTypeValues = [
@@ -101,7 +101,7 @@ export type TextFieldProps = {
    */
   value?: string;
 } & FieldComponentProps &
-  AllowedProps;
+  HtmlProps;
 
 const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
   (

package/src/Toast.tsx

@@ -17,7 +17,7 @@ import { Link } from "./Link";
 import { CloseIcon } from "./icons.generated";
 import { Button } from "./Button";
 import { useTranslation } from "react-i18next";
-import { AllowedProps } from "./AllowedProps";
+import { HtmlProps } from "./HtmlProps";
 
 export const toastRoleValues = ["status", "alert"] as const;
 export const toastSeverityValues = [
@@ -70,7 +70,7 @@ export type ToastProps = {
    * The text content of the Toast
    */
   text: string;
-} & AllowedProps;
+} & HtmlProps;
 
 const ClickAwayListenerProps = { onClickAway: () => false };
 

package/src/Tooltip.tsx

@@ -15,7 +15,7 @@ import type { TooltipProps as MuiTooltipProps } from "@mui/material";
 
 import { MuiPropsChild } from "./MuiPropsChild";
 import { ReactElement, memo } from "react";
-import { AllowedProps } from "./AllowedProps";
+import { HtmlProps } from "./HtmlProps";
 
 export type TooltipProps = {
   /**
@@ -34,7 +34,7 @@ export type TooltipProps = {
    * The text to display in the Tooltip
    */
   text: string;
-} & AllowedProps;
+} & HtmlProps;
 
 const Tooltip = ({
   ariaType,

package/src/Typography.tsx

@@ -22,7 +22,7 @@ import {
   useRef,
   useImperativeHandle,
 } from "react";
-import { AllowedProps } from "./AllowedProps";
+import { HtmlProps } from "./HtmlProps";
 import { FocusHandle } from "./inputUtils";
 
 export type TypographyVariantValue =
@@ -94,7 +94,7 @@ export type TypographyProps = {
    * The variant of Typography to render.
    */
   variant?: keyof typeof typographyVariantMapping;
-} & AllowedProps;
+} & HtmlProps;
 
 const Typography = ({
   ariaDescribedBy,

package/src/labs/Switch.tsx

@@ -29,7 +29,7 @@ import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext";
 import { Box } from "../Box";
 import { FieldComponentProps } from "../FieldComponentProps";
 import { FieldHint } from "../FieldHint";
-import type { AllowedProps } from "../AllowedProps";
+import type { HtmlProps } from "../HtmlProps";
 import { useUniqueId } from "../useUniqueId";
 import { ComponentControlledState, getControlState } from "../inputUtils";
 import { CheckedFieldProps } from "../FormCheckedProps";
@@ -63,7 +63,7 @@ export type SwitchProps = {
   "hint" | "id" | "isFullWidth" | "isDisabled" | "name"
 > &
   CheckedFieldProps<MuiSwitchProps> &
-  AllowedProps;
+  HtmlProps;
 
 type SwitchLabelProps = {
   checked: boolean;

package/src/labs/VirtualizedAutocomplete.tsx

@@ -21,7 +21,7 @@ import { memo, useCallback, useMemo, useRef } from "react";
 
 import { Field } from "../Field";
 import { FieldComponentProps } from "../FieldComponentProps";
-import type { AllowedProps } from "../AllowedProps";
+import type { HtmlProps } from "../HtmlProps";
 import {
   ComponentControlledState,
   getControlState,
@@ -176,7 +176,7 @@ export type AutocompleteProps<
   | "isOptional"
   | "name"
 > &
-  AllowedProps;
+  HtmlProps;
 
 const VirtualizedAutocomplete = <
   OptionType,

package/dist/AllowedProps.js

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

package/dist/AllowedProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AllowedProps.js","names":[],"sources":["../src/AllowedProps.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 type AllowedProps = {\n  /**\n   * This prop puts a `data` attribute on an HTML element in this component with the value provided.\n   *\n   * @deprecated **WARNING:** You should be using Semantic Selectors instead of this property. This is a temporary measure for backwards compatibility with existing Selenium tests.\n   */\n  testId?: string;\n  /**\n   * This prop puts a `translate` attribute on an HTML element. It should be used to indicate whether text within the element should be translated.\n   */\n  translate?: \"yes\" | \"no\";\n};\n"],"mappings":""}

package/dist/src/AllowedProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AllowedProps.d.ts","sourceRoot":"","sources":["../../src/AllowedProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC1B,CAAC"}