@okta/odyssey-react-mui 1.0.2 → 1.2.0

package/dist/src/RadioGroup.d.ts

@@ -11,6 +11,7 @@
  */
 import { ChangeEventHandler, ReactElement } from "react";
 import { Radio, RadioProps } from "./Radio";
+import type { SeleniumProps } from "./SeleniumProps";
 export type RadioGroupProps = {
     /**
      * The Radio components within the group. Must include two or more.
@@ -29,7 +30,7 @@ export type RadioGroupProps = {
      */
     hint?: string;
     /**
-     * The id of the `input` element. This will also be the input's `name` field.
+     * The id of the `input` element.
      */
     id?: string;
     /**
@@ -40,6 +41,10 @@ export type RadioGroupProps = {
      * The text label for the RadioGroup
      */
     label: string;
+    /**
+     * The name of the `input` element. Defaults to the `id` if not set.
+     */
+    name?: string;
     /**
      * Listen for changes in the browser that change `value`
      */
@@ -48,7 +53,7 @@ export type RadioGroupProps = {
      * The `value` on the selected Radio
      */
     value?: RadioProps["value"];
-};
-declare const MemoizedRadioGroup: import("react").MemoExoticComponent<({ children, defaultValue, errorMessage, hint, id: idOverride, isDisabled, label, onChange, value, }: RadioGroupProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedRadioGroup: import("react").MemoExoticComponent<({ children, defaultValue, errorMessage, hint, id: idOverride, isDisabled, label, name: nameOverride, onChange, testId, value, }: RadioGroupProps) => JSX.Element>;
 export { MemoizedRadioGroup as RadioGroup };
 //# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAE,kBAAkB,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IAC5C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B,CAAC;AA2CF,QAAA,MAAM,kBAAkB,4IA/BrB,eAAe,iBA+ByB,CAAC;AAG5C,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAE,kBAAkB,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IAC5C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC7B,GAAG,aAAa,CAAC;AA8ClB,QAAA,MAAM,kBAAkB,wKAhCrB,eAAe,iBAgCyB,CAAC;AAG5C,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,CAAC"}

package/dist/src/SearchField.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export type SearchFieldProps = {
     /**
      * This prop helps users to fill forms faster, especially on mobile devices.
@@ -33,6 +34,10 @@ export type SearchFieldProps = {
      * This label won't show up visually, but it's required for accessibility.
      */
     label: string;
+    /**
+     * The name of the `input` element. Defaults to the `id` if not set.
+     */
+    name?: string;
     /**
      * Callback fired when the `input` element loses focus.
      */
@@ -57,7 +62,58 @@ export type SearchFieldProps = {
      * The value of the `input` element, required for a controlled component.
      */
     value?: string;
-};
-declare const MemoizedSearchField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<HTMLInputElement>>>;
+} & SeleniumProps;
+declare const MemoizedSearchField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    /**
+     * This prop helps users to fill forms faster, especially on mobile devices.
+     * The name can be confusing, as it's more like an autofill.
+     * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+     */
+    autoCompleteType?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
+    /**
+     * If `true`, the component will receive focus automatically.
+     */
+    hasInitialFocus?: boolean | undefined;
+    /**
+     * The id of the `input` element.
+     */
+    id?: string | undefined;
+    /**
+     * If `true`, the component is disabled.
+     */
+    isDisabled?: boolean | undefined;
+    /**
+     * This label won't show up visually, but it's required for accessibility.
+     */
+    label: string;
+    /**
+     * The name of the `input` element. Defaults to the `id` if not set.
+     */
+    name?: string | undefined;
+    /**
+     * Callback fired when the `input` element loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+    /**
+     * Callback fired when the clear button is pressed.
+     */
+    onClear?: (() => void) | undefined;
+    /**
+     * Callback fired when the value is changed.
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+    /**
+     * Callback fired when the `input` element get focus.
+     */
+    onFocus?: FocusEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+    /**
+     * The short hint displayed in the `input` before the user enters a value.
+     */
+    placeholder?: string | undefined;
+    /**
+     * The value of the `input` element, required for a controlled component.
+     */
+    value?: string | undefined;
+} & SeleniumProps & import("react").RefAttributes<HTMLInputElement>>>;
 export { MemoizedSearchField as SearchField };
 //# sourceMappingURL=SearchField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../src/SearchField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAGpB,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA8GF,QAAA,MAAM,mBAAmB,oJAAoB,CAAC;AAG9C,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../src/SearchField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAGpB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAkHlB,QAAA,MAAM,mBAAmB;IApKvB;;;;OAIG;uBACgB,oBAAoB,gBAAgB,CAAC,CAAC,cAAc,CAAC;IACxE;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;qBACa,IAAI;IACpB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;qEAoHwC,CAAC;AAG9C,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}

package/dist/src/Select.d.ts

@@ -11,6 +11,7 @@
  */
 /// <reference types="react" />
 import { SelectProps as MuiSelectProps } from "@mui/material";
+import type { SeleniumProps } from "./SeleniumProps";
 export type SelectOption = {
     text: string;
     type?: "heading" | "option";
@@ -45,6 +46,10 @@ export type SelectProps = {
      * The label text for the Select
      */
     label: string;
+    /**
+     * The name of the `input` element. Defaults to the `id` if not set.
+     */
+    name?: string;
     /**
      * Callback fired when the Select loses focus
      */
@@ -65,7 +70,7 @@ export type SelectProps = {
      * The value or values selected in the Select
      */
     value?: string | string[];
-};
-declare const MemoizedSelect: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>>;
+} & SeleniumProps;
+declare const MemoizedSelect: import("react").MemoExoticComponent<({ errorMessage, hint, id: idOverride, isDisabled, isMultiSelect, isOptional, label, name: nameOverride, onBlur, onChange: onChangeProp, onFocus, value, testId, options, }: SelectProps) => JSX.Element>;
 export { MemoizedSelect as Select };
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAWH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAI9D,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B,CAAC;AAoLF,QAAA,MAAM,cAAc,gJAAe,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAYH,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B,GAAG,aAAa,CAAC;AAoLlB,QAAA,MAAM,cAAc,mNApJjB,WAAW,iBAoJqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/SeleniumProps.d.ts

@@ -0,0 +1,20 @@
+/*!
+ * 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.
+ */
+export type SeleniumProps = {
+    /**
+     * This prop puts a `data` attribute on an HTML element in this component with the value provided.
+     *
+     * @deprecated **WARNING:** You should be using Semantic Selectors instead of this property. This is a temporary measure for backwards compatibility with existing Selenium tests.
+     */
+    testId?: string;
+};
+//# sourceMappingURL=SeleniumProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SeleniumProps.d.ts","sourceRoot":"","sources":["../../src/SeleniumProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/src/Status.d.ts

@@ -9,6 +9,7 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const statusSeverityValues: readonly ["default", "error", "success", "warning"];
 export declare const statusVariantValues: readonly ["lamp", "pill"];
 export type StatusProps = {
@@ -24,6 +25,6 @@ export type StatusProps = {
      * The style of the Status indicator
      */
     variant?: (typeof statusVariantValues)[number];
-};
-export declare const Status: ({ severity, label, variant }: StatusProps) => JSX.Element;
+} & SeleniumProps;
+export declare const Status: ({ label, severity, testId, variant, }: StatusProps) => JSX.Element;
 //# sourceMappingURL=Status.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Status.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAMH,eAAO,MAAM,oBAAoB,qDAKvB,CAAC;AACX,eAAO,MAAM,mBAAmB,2BAA4B,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,MAAM,iCAA2C,WAAW,gBAMxE,CAAC"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Status.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,qDAKvB,CAAC;AACX,eAAO,MAAM,mBAAmB,2BAA4B,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;CAChD,GAAG,aAAa,CAAC;AAElB,eAAO,MAAM,MAAM,0CAKhB,WAAW,gBAYb,CAAC"}

package/dist/src/Tabs.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import React, { ReactElement, ReactNode } from "react";
+import { SeleniumProps } from "./SeleniumProps";
 export type TabItemProps = {
     /**
      * The content of the Tab itself
@@ -31,21 +32,26 @@ export type TabItemProps = {
      * The value associated with the TabItem
      */
     value?: string;
-};
+} & SeleniumProps;
 export type TabsProps = {
     /**
      * The ARIA label for the full Tabs group
      */
     ariaLabel?: string;
     /**
-     * The value of the Tab that should be selected by default
+     * @deprecated please use the `value` prop instead
+     * When `value` is provided, `initialValue` isn't used.
      */
     initialValue?: string;
     /**
      * The TabItems to be included in the Tabs group
      */
     tabs: TabItemProps[];
+    /**
+     * Identifier for the selected tab.
+     */
+    value?: string;
 };
-declare const MemoizedTabs: React.MemoExoticComponent<({ ariaLabel, initialValue, tabs }: TabsProps) => JSX.Element>;
+declare const MemoizedTabs: React.MemoExoticComponent<({ ariaLabel, initialValue, tabs, value }: TabsProps) => JSX.Element>;
 export { MemoizedTabs as Tabs };
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAqCF,QAAA,MAAM,YAAY,gEAnCqC,SAAS,iBAmCjC,CAAC;AAGhC,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4CF,QAAA,MAAM,YAAY,uEA1CsC,SAAS,iBA0ClC,CAAC;AAGhC,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,CAAC"}

package/dist/src/Tag.d.ts

@@ -11,6 +11,7 @@
  */
 import { ChipProps as MuiChipProps } from "@mui/material";
 import { ReactElement } from "react";
+import { SeleniumProps } from "./SeleniumProps";
 export type TagProps = {
     icon?: ReactElement;
     isDisabled?: boolean;
@@ -26,7 +27,7 @@ export type TagProps = {
      * Callback fired when the remove button of the Tag is clicked
      */
     onRemove?: MuiChipProps["onDelete"];
-};
-declare const MemoizedTag: import("react").MemoExoticComponent<({ icon, isDisabled, label, onClick, onRemove }: TagProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedTag: import("react").MemoExoticComponent<({ icon, isDisabled, label, onClick, onRemove, testId, }: TagProps) => JSX.Element>;
 export { MemoizedTag as Tag };
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAQ,YAAY,EAA2B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC,CAAC;AAyBF,QAAA,MAAM,WAAW,uFAvB4C,QAAQ,iBAuBxC,CAAC;AAG9B,OAAO,EAAE,WAAW,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAQ,YAAY,EAA2B,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC,GAAG,aAAa,CAAC;AAiClB,QAAA,MAAM,WAAW,gGAxBd,QAAQ,iBAwBkB,CAAC;AAG9B,OAAO,EAAE,WAAW,IAAI,GAAG,EAAE,CAAC"}

package/dist/src/TagList.d.ts

@@ -11,12 +11,13 @@
  */
 import { Tag } from "./Tag";
 import { ReactElement } from "react";
+import { SeleniumProps } from "./SeleniumProps";
 export type TagListProps = {
     /**
      * The Tag or array of Tags within the TagList
      */
     children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;
-};
-declare const MemoizedTagList: import("react").MemoExoticComponent<({ children }: TagListProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedTagList: import("react").MemoExoticComponent<({ children, testId }: TagListProps) => JSX.Element>;
 export { MemoizedTagList as TagList };
 //# sourceMappingURL=TagList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../src/TagList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;CACtE,CAAC;AA2BF,QAAA,MAAM,eAAe,qDAzBU,YAAY,iBAyBN,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../src/TagList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;CACtE,GAAG,aAAa,CAAC;AA4BlB,QAAA,MAAM,eAAe,6DA1BkB,YAAY,iBA0Bd,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}

package/dist/src/TextField.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactElement } from "react";
+import { SeleniumProps } from "./SeleniumProps";
 export declare const textFieldTypeValues: readonly ["email", "number", "tel", "text", "url"];
 export type TextFieldProps = {
     /**
@@ -58,6 +59,10 @@ export type TextFieldProps = {
      * The label for the `input` element.
      */
     label: string;
+    /**
+     * The name of the `input` element. Defaults to the `id` if not set.
+     */
+    name?: string;
     /**
      * Callback fired when the `input` element loses focus.
      */
@@ -86,7 +91,86 @@ export type TextFieldProps = {
      * The value of the `input` element, required for a controlled component.
      */
     value?: string;
-};
-declare const MemoizedTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>>;
+} & SeleniumProps;
+declare const MemoizedTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    /**
+     * This prop helps users to fill forms faster, especially on mobile devices.
+     * The name can be confusing, as it's more like an autofill.
+     * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+     */
+    autoCompleteType?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
+    /**
+     * End `InputAdornment` for this component.
+     */
+    endAdornment?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    /**
+     * If `error` is not undefined, the `input` will indicate an error.
+     */
+    errorMessage?: string | undefined;
+    /**
+     * If `true`, the component will receive focus automatically.
+     */
+    hasInitialFocus?: boolean | undefined;
+    /**
+     * The helper text content.
+     */
+    hint?: string | undefined;
+    /**
+     * The id of the `input` element.
+     */
+    id?: string | undefined;
+    /**
+     * If `true`, the component is disabled.
+     */
+    isDisabled?: boolean | undefined;
+    /**
+     * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
+     */
+    isMultiline?: boolean | undefined;
+    /**
+     * If `true`, the `input` element is not required.
+     */
+    isOptional?: boolean | undefined;
+    /**
+     * It prevents the user from changing the value of the field
+     */
+    isReadOnly?: boolean | undefined;
+    /**
+     * The label for the `input` element.
+     */
+    label: string;
+    /**
+     * The name of the `input` element. Defaults to the `id` if not set.
+     */
+    name?: string | undefined;
+    /**
+     * Callback fired when the `input` element loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+    /**
+     * Callback fired when the value is changed.
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+    /**
+     * Callback fired when the `input` element get focus.
+     */
+    onFocus?: FocusEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+    /**
+     * The short hint displayed in the `input` before the user enters a value.
+     */
+    placeholder?: string | undefined;
+    /**
+     * Start `InputAdornment` for this component.
+     */
+    startAdornment?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    /**
+     * 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).
+     */
+    type?: "number" | "text" | "tel" | "url" | "email" | undefined;
+    /**
+     * The value of the `input` element, required for a controlled component.
+     */
+    value?: string | undefined;
+} & SeleniumProps & import("react").RefAttributes<HTMLInputElement>>>;
 export { MemoizedTextField as TextField };
 //# sourceMappingURL=TextField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,YAAY,EAEb,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,mBAAmB,oDAMtB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAyFF,QAAA,MAAM,iBAAiB,kJAAkB,CAAC;AAG1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,YAAY,EAEb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,mBAAmB,oDAMtB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAgGlB,QAAA,MAAM,iBAAiB;IA9KrB;;;;OAIG;uBACgB,oBAAoB,gBAAgB,CAAC,CAAC,cAAc,CAAC;IACxE;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;qEAkGoC,CAAC;AAG1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}

package/dist/src/Toast.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 /// <reference types="react" />
+import { SeleniumProps } from "./SeleniumProps";
 export declare const toastRoleValues: readonly ["status", "alert"];
 export declare const toastSeverityValues: readonly ["success", "info", "warning", "error"];
 export type ToastProps = {
@@ -55,7 +56,7 @@ export type ToastProps = {
      * The text content of the Toast
      */
     text: string;
-};
-declare const MemoizedToast: import("react").MemoExoticComponent<({ autoHideDuration, isDismissable, linkText, linkUrl, isVisible: isVisibleProp, onHide: onHideProp, role, severity, text, }: ToastProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedToast: import("react").MemoExoticComponent<({ autoHideDuration, isDismissable, linkText, linkUrl, isVisible: isVisibleProp, onHide: onHideProp, role, severity, testId, text, }: ToastProps) => JSX.Element>;
 export { MemoizedToast as Toast };
 //# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAUH,eAAO,MAAM,eAAe,8BAA+B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,kDAKtB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAoEF,QAAA,MAAM,aAAa,oKAtDhB,UAAU,iBAsDoB,CAAC;AAGlC,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AASH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,eAAe,8BAA+B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,kDAKtB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,aAAa,CAAC;AAsElB,QAAA,MAAM,aAAa,4KAvDhB,UAAU,iBAuDoB,CAAC;AAGlC,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,CAAC"}

package/dist/src/Tooltip.d.ts

@@ -11,6 +11,7 @@
  */
 import type { TooltipProps as MuiTooltipProps } from "@mui/material";
 import { ReactElement } from "react";
+import { SeleniumProps } from "./SeleniumProps";
 export type TooltipProps = {
     /**
      * The type of ARIA attribute to use
@@ -28,6 +29,6 @@ export type TooltipProps = {
      * The text to display in the Tooltip
      */
     text: string;
-};
-export declare const Tooltip: ({ ariaType, children, placement, text, }: TooltipProps) => JSX.Element;
+} & SeleniumProps;
+export declare const Tooltip: ({ ariaType, children, placement, testId, text, }: TooltipProps) => JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,aAAa,GAAG,OAAO,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,OAAO,6CAKjB,YAAY,gBAQd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,aAAa,GAAG,OAAO,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,aAAa,CAAC;AAElB,eAAO,MAAM,OAAO,qDAMjB,YAAY,gBASd,CAAC"}

package/dist/src/Typography.d.ts

@@ -11,6 +11,7 @@
  */
 import { TypographyProps as MuiTypographyProps } from "@mui/material";
 import { ElementType, ReactNode } from "react";
+import { SeleniumProps } from "./SeleniumProps";
 export type TypographyVariantValue = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "subordinate" | "support" | "legend";
 export declare const typographyVariantMapping: Record<TypographyVariantValue, MuiTypographyProps["variant"]>;
 export declare const typographyColorValues: readonly ["primary", "textPrimary", "secondary", "textSecondary", "error"];
@@ -31,10 +32,6 @@ export type TypographyProps = {
      * The text content of the component.
      */
     children: ReactNode;
-    /**
-     * Additional classes to add to the component.
-     */
-    classes?: object;
     /**
      * The color of the text.
      */
@@ -47,49 +44,17 @@ export type TypographyProps = {
      * The variant of Typography to render.
      */
     variant?: keyof typeof typographyVariantMapping;
-};
-export declare const Typography: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component: componentProp, variant, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Heading1: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Heading2: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Heading3: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Heading4: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Heading5: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Heading6: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Paragraph: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Subordinate: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Support: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
-export declare const Legend: {
-    ({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
-    displayName: string;
-};
+} & SeleniumProps;
+declare const MemoizedTypography: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component: componentProp, testId, variant, }: TypographyProps) => JSX.Element>;
+declare const MemoizedHeading1: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedHeading2: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedHeading3: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedHeading4: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedHeading5: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedHeading6: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedParagraph: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedSubordinate: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedSupport: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+declare const MemoizedLegend: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, color, component, testId, }: TypographyProps) => JSX.Element>;
+export { MemoizedTypography as Typography, MemoizedHeading1 as Heading1, MemoizedHeading2 as Heading2, MemoizedHeading3 as Heading3, MemoizedHeading4 as Heading4, MemoizedHeading5 as Heading5, MemoizedHeading6 as Heading6, MemoizedLegend as Legend, MemoizedParagraph as Paragraph, MemoizedSubordinate as Subordinate, MemoizedSupport as Support, };
 //# sourceMappingURL=Typography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,sBAAsB,GAC9B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,aAAa,GACb,SAAS,GACT,QAAQ,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,sBAAsB,EACtB,kBAAkB,CAAC,SAAS,CAAC,CAYrB,CAAC;AAEX,eAAO,MAAM,qBAAqB,4EAMxB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,wBAAwB,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,UAAU;mHASpB,eAAe;;CA0BjB,CAAC;AAIF,eAAO,MAAM,QAAQ;2FAQlB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,QAAQ;2FAQlB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,QAAQ;2FAQlB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,QAAQ;2FAQlB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,QAAQ;2FAQlB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,QAAQ;2FAQlB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,SAAS;2FAQnB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,WAAW;2FAQrB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,OAAO;2FAQjB,eAAe;;CAWjB,CAAC;AAIF,eAAO,MAAM,MAAM;2FAQhB,eAAe;;CAWjB,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,sBAAsB,GAC9B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,aAAa,GACb,SAAS,GACT,QAAQ,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,sBAAsB,EACtB,kBAAkB,CAAC,SAAS,CAAC,CAYrB,CAAC;AAEX,eAAO,MAAM,qBAAqB,4EAMxB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,wBAAwB,CAAC;CACjD,GAAG,aAAa,CAAC;AAuClB,QAAA,MAAM,kBAAkB,oJA5BrB,eAAe,iBA4ByB,CAAC;AAwB5C,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,gBAAgB,4HAbnB,eAAe,iBAaqB,CAAC;AAwBxC,QAAA,MAAM,iBAAiB,4HAbpB,eAAe,iBAauB,CAAC;AAwB1C,QAAA,MAAM,mBAAmB,4HAbtB,eAAe,iBAa2B,CAAC;AAwB9C,QAAA,MAAM,eAAe,4HAblB,eAAe,iBAamB,CAAC;AAwBtC,QAAA,MAAM,cAAc,4HAbjB,eAAe,iBAaiB,CAAC;AAGpC,OAAO,EACL,kBAAkB,IAAI,UAAU,EAChC,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,cAAc,IAAI,MAAM,EACxB,iBAAiB,IAAI,SAAS,EAC9B,mBAAmB,IAAI,WAAW,EAClC,eAAe,IAAI,OAAO,GAC3B,CAAC"}

package/dist/src/createShadowDom.d.ts

@@ -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.
+ */
+export declare const createShadowDom: (containerElement: HTMLElement) => {
+    emotionRootElement: HTMLStyleElement;
+    shadowRootElement: HTMLDivElement;
+};
+//# sourceMappingURL=createShadowDom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createShadowDom.d.ts","sourceRoot":"","sources":["../../src/createShadowDom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,eAAO,MAAM,eAAe,qBAAsB,WAAW;;;CAY5D,CAAC"}