@gympass/yoga 7.127.0 → 7.127.1

package/cjs/Input/native/Input.test.js

@@ -41,9 +41,9 @@ describe("<Input />", () => {
     });
     it("should match when input is focused", () => {
       const { toJSON, getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input-test" }) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
       expect(toJSON()).toMatchSnapshot();
     });
     it("should match with disabled input", () => {
@@ -81,9 +81,16 @@ describe("<Input />", () => {
     it("should call onChangeText", () => {
       const onChangeTextMock = jest.fn();
       const { getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", onChangeText: onChangeTextMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Input,
+          {
+            label: "Input",
+            testID: "input-test",
+            onChangeText: onChangeTextMock
+          }
+        ) })
       );
-      import_react_native.fireEvent.changeText(getByTestId("input"), "foo");
+      import_react_native.fireEvent.changeText(getByTestId("input-test"), "foo");
       expect(onChangeTextMock).toHaveBeenCalled();
     });
     it("should not call onChangeText when input is disabled", () => {
@@ -93,37 +100,37 @@ describe("<Input />", () => {
           import__.Input,
           {
             label: "Input",
-            testID: "input",
+            testID: "input-test",
             onChangeText: onChangeTextMock,
             disabled: true
           }
         ) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
       expect(onChangeTextMock).not.toHaveBeenCalled();
     });
     it("should call onFocus", () => {
       const onFocusMock = jest.fn();
       const { getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", onFocus: onFocusMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input-test", onFocus: onFocusMock }) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
       expect(onFocusMock).toHaveBeenCalled();
     });
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       const { getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input-test", onBlur: onBlurMock }) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
-      (0, import_react_native.fireEvent)(getByTestId("input"), "blur");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "blur");
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
   describe("maxLength", () => {
     it("should update maxLength counter when add character", () => {
       const { getByText, rerender } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", maxLength: 10 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", maxLength: 10 }) })
       );
       expect(getByText("0/10")).toBeTruthy();
       rerender(

package/cjs/Input/web/Input.js

@@ -228,7 +228,6 @@ const Input = import_react.default.forwardRef(
                 maxLength
               }), {
                 ref: inputRef,
-                "data-testid": "input",
                 value,
                 onChange
               }), a11yFieldProps), {

package/cjs/Input/web/Input.test.js

@@ -87,14 +87,27 @@ describe("<Input />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should render with custom dataTestId", () => {
+      (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "custom-input" }) })
+      );
+      expect(import_react2.screen.getByTestId("custom-input")).toBeInTheDocument();
+    });
   });
   describe("Events", () => {
     it("should call onChange", () => {
       const onChangeMock = jest.fn();
       (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", onChange: onChangeMock, "data-testid": "input" }) })
-      );
-      import_react2.fireEvent.change(import_react2.screen.getByTestId("input"), {
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Input,
+          {
+            label: "Input",
+            onChange: onChangeMock,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      import_react2.fireEvent.change(import_react2.screen.getByTestId("input-test"), {
         target: { value: "foo" }
       });
       expect(onChangeMock).toHaveBeenCalled();
@@ -110,10 +123,10 @@ describe("<Input />", () => {
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "input-test", onBlur: onBlurMock }) })
       );
-      import_react2.fireEvent.focus(import_react2.screen.getByTestId("input"));
-      import_react2.fireEvent.blur(import_react2.screen.getByTestId("input"));
+      import_react2.fireEvent.focus(import_react2.screen.getByTestId("input-test"));
+      import_react2.fireEvent.blur(import_react2.screen.getByTestId("input-test"));
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
@@ -151,18 +164,26 @@ describe("<Input />", () => {
     it("should have aria-label", () => {
       const value = "aria label value";
       const { getByTestId } = (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", value: "foo", ariaLabel: value }) })
-      );
-      const inputElement = getByTestId("input");
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Input,
+          {
+            label: "Input",
+            value: "foo",
+            ariaLabel: value,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });
     it("should have label value", () => {
       const value = "label value";
       const { getByTestId } = (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: value, value: "foo" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: value, value: "foo", "data-testid": "input-test" }) })
       );
-      const inputElement = getByTestId("input");
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });

package/cjs/Snackbar/native/Snackbar.js

@@ -109,7 +109,8 @@ const Snackbar = (0, import_react.forwardRef)((props, ref) => {
     variant,
     onSnackbarClose,
     duration,
-    bottomOffset
+    bottomOffset,
+    dataTestId
   } = _a, rest = __objRest(_a, [
     "icon",
     "message",
@@ -118,7 +119,8 @@ const Snackbar = (0, import_react.forwardRef)((props, ref) => {
     "variant",
     "onSnackbarClose",
     "duration",
-    "bottomOffset"
+    "bottomOffset",
+    "dataTestId"
   ]);
   const wrapperRef = (0, import_react.useRef)();
   const [currentProps, setCurrentProps] = (0, import_react.useState)({
@@ -197,7 +199,8 @@ const Snackbar = (0, import_react.forwardRef)((props, ref) => {
         SnackbarContainer,
         __spreadProps(__spreadValues(__spreadValues({
           variant: currentProps.variant,
-          bottomOffset
+          bottomOffset,
+          testID: dataTestId
         }, rest), panResponder.panHandlers), {
           children: [
             currentProps.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -252,7 +255,9 @@ Snackbar.propTypes = {
   /** The duration sets how long it will take to close snackbar automatically, it may be "fast" (4 seconds), "default" (8 seconds), "slow" (10 seconds) or "indefinite" (it doesn't close automatically). */
   duration: (0, import_prop_types.oneOf)(["fast", "default", "slow", "indefinite"]),
   /** Add extra margin to Snackbar. Can be useful for SafeAreaView or button cases. */
-  bottomOffset: import_prop_types.number
+  bottomOffset: import_prop_types.number,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: import_prop_types.string
 };
 Snackbar.defaultProps = {
   variant: "success",
@@ -262,6 +267,7 @@ Snackbar.defaultProps = {
   onAction: void 0,
   onSnackbarClose: void 0,
   duration: "default",
-  bottomOffset: 0
+  bottomOffset: 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = Snackbar;

package/cjs/Snackbar/native/Snackbar.test.js

@@ -73,6 +73,11 @@ describe("<Snackbar />", () => {
     const { toJSON } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
     expect(toJSON()).toMatchSnapshot();
   });
+  it("should render with custom dataTestId", () => {
+    const { getByTestId } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { dataTestId: "custom-snackbar" }));
+    import_react_native.fireEvent.press(getByTestId("custom-snackbar"));
+    expect(getByTestId("custom-snackbar")).toBeTruthy();
+  });
   it("should match snapshot when have an icon and action", () => {
     const overrideProps = {
       icon: import_yoga_icons.CheckedFull,

package/cjs/Snackbar/web/Snackbar.js

@@ -175,6 +175,7 @@ const Snackbar = import_react.default.forwardRef(
       onClose,
       hideCloseButton,
       ariaLabelClose,
+      dataTestId,
       theme: {
         yoga: {
           components: { snackbar }
@@ -191,6 +192,7 @@ const Snackbar = import_react.default.forwardRef(
       "onClose",
       "hideCloseButton",
       "ariaLabelClose",
+      "dataTestId",
       "theme"
     ]);
     const timeoutRef = (0, import_react.useRef)();
@@ -209,7 +211,8 @@ const Snackbar = import_react.default.forwardRef(
         role: "alert",
         "aria-label": variant,
         variant,
-        ref
+        ref,
+        "data-testid": dataTestId
       }, props), {
         children: [
           !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -271,7 +274,9 @@ Snackbar.propTypes = {
   /** Hides the close button. */
   hideCloseButton: import_prop_types.bool,
   /** Custom aria label for close button. */
-  ariaLabelClose: import_prop_types.string
+  ariaLabelClose: import_prop_types.string,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: import_prop_types.string
 };
 Snackbar.defaultProps = {
   open: false,
@@ -281,6 +286,7 @@ Snackbar.defaultProps = {
   onAction: void 0,
   variant: "success",
   hideCloseButton: false,
-  ariaLabelClose: void 0
+  ariaLabelClose: void 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = (0, import_react.memo)((0, import_styled_components.withTheme)(Snackbar));

package/cjs/Snackbar/web/Snackbar.test.js

@@ -53,6 +53,20 @@ describe("<Snackbar />", () => {
     );
     expect(container).toMatchSnapshot();
   });
+  it("should render with custom dataTestId", () => {
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.Snackbar,
+        {
+          open: true,
+          message: "Make wellbeing universal",
+          onClose: jest.fn(),
+          dataTestId: "custom-snackbar"
+        }
+      ) })
+    );
+    expect(import_react2.screen.getByTestId("custom-snackbar")).toBeInTheDocument();
+  });
   it("should render a minimal snackbar", () => {
     (0, import_react2.render)(
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Snackbar, { open: true, message: "Make wellbeing universal", onClose: jest.fn() }) })

package/esm/Input/native/Input.test.js

@@ -18,9 +18,9 @@ describe("<Input />", () => {
     });
     it("should match when input is focused", () => {
       const { toJSON, getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input" }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input-test" }) })
       );
-      fireEvent(getByTestId("input"), "focus");
+      fireEvent(getByTestId("input-test"), "focus");
       expect(toJSON()).toMatchSnapshot();
     });
     it("should match with disabled input", () => {
@@ -58,9 +58,16 @@ describe("<Input />", () => {
     it("should call onChangeText", () => {
       const onChangeTextMock = jest.fn();
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", onChangeText: onChangeTextMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Input",
+            testID: "input-test",
+            onChangeText: onChangeTextMock
+          }
+        ) })
       );
-      fireEvent.changeText(getByTestId("input"), "foo");
+      fireEvent.changeText(getByTestId("input-test"), "foo");
       expect(onChangeTextMock).toHaveBeenCalled();
     });
     it("should not call onChangeText when input is disabled", () => {
@@ -70,37 +77,37 @@ describe("<Input />", () => {
           Input,
           {
             label: "Input",
-            testID: "input",
+            testID: "input-test",
             onChangeText: onChangeTextMock,
             disabled: true
           }
         ) })
       );
-      fireEvent(getByTestId("input"), "focus");
+      fireEvent(getByTestId("input-test"), "focus");
       expect(onChangeTextMock).not.toHaveBeenCalled();
     });
     it("should call onFocus", () => {
       const onFocusMock = jest.fn();
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", onFocus: onFocusMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input-test", onFocus: onFocusMock }) })
       );
-      fireEvent(getByTestId("input"), "focus");
+      fireEvent(getByTestId("input-test"), "focus");
       expect(onFocusMock).toHaveBeenCalled();
     });
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input-test", onBlur: onBlurMock }) })
       );
-      fireEvent(getByTestId("input"), "focus");
-      fireEvent(getByTestId("input"), "blur");
+      fireEvent(getByTestId("input-test"), "focus");
+      fireEvent(getByTestId("input-test"), "blur");
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
   describe("maxLength", () => {
     it("should update maxLength counter when add character", () => {
       const { getByText, rerender } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", maxLength: 10 }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", maxLength: 10 }) })
       );
       expect(getByText("0/10")).toBeTruthy();
       rerender(

package/esm/Input/web/Input.js

@@ -206,7 +206,6 @@ const Input = React.forwardRef(
                 maxLength
               }), {
                 ref: inputRef,
-                "data-testid": "input",
                 value,
                 onChange
               }), a11yFieldProps), {

package/esm/Input/web/Input.test.js

@@ -64,14 +64,27 @@ describe("<Input />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should render with custom dataTestId", () => {
+      render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", "data-testid": "custom-input" }) })
+      );
+      expect(screen.getByTestId("custom-input")).toBeInTheDocument();
+    });
   });
   describe("Events", () => {
     it("should call onChange", () => {
       const onChangeMock = jest.fn();
       render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", onChange: onChangeMock, "data-testid": "input" }) })
-      );
-      fireEvent.change(screen.getByTestId("input"), {
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Input",
+            onChange: onChangeMock,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      fireEvent.change(screen.getByTestId("input-test"), {
         target: { value: "foo" }
       });
       expect(onChangeMock).toHaveBeenCalled();
@@ -87,10 +100,10 @@ describe("<Input />", () => {
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", "data-testid": "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", "data-testid": "input-test", onBlur: onBlurMock }) })
       );
-      fireEvent.focus(screen.getByTestId("input"));
-      fireEvent.blur(screen.getByTestId("input"));
+      fireEvent.focus(screen.getByTestId("input-test"));
+      fireEvent.blur(screen.getByTestId("input-test"));
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
@@ -128,18 +141,26 @@ describe("<Input />", () => {
     it("should have aria-label", () => {
       const value = "aria label value";
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", value: "foo", ariaLabel: value }) })
-      );
-      const inputElement = getByTestId("input");
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Input",
+            value: "foo",
+            ariaLabel: value,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });
     it("should have label value", () => {
       const value = "label value";
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: value, value: "foo" }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: value, value: "foo", "data-testid": "input-test" }) })
       );
-      const inputElement = getByTestId("input");
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });

package/esm/Snackbar/native/Snackbar.js

@@ -84,7 +84,8 @@ const Snackbar = forwardRef((props, ref) => {
     variant,
     onSnackbarClose,
     duration,
-    bottomOffset
+    bottomOffset,
+    dataTestId
   } = _a, rest = __objRest(_a, [
     "icon",
     "message",
@@ -93,7 +94,8 @@ const Snackbar = forwardRef((props, ref) => {
     "variant",
     "onSnackbarClose",
     "duration",
-    "bottomOffset"
+    "bottomOffset",
+    "dataTestId"
   ]);
   const wrapperRef = useRef();
   const [currentProps, setCurrentProps] = useState({
@@ -172,7 +174,8 @@ const Snackbar = forwardRef((props, ref) => {
         SnackbarContainer,
         __spreadProps(__spreadValues(__spreadValues({
           variant: currentProps.variant,
-          bottomOffset
+          bottomOffset,
+          testID: dataTestId
         }, rest), panResponder.panHandlers), {
           children: [
             currentProps.icon && /* @__PURE__ */ jsx(
@@ -227,7 +230,9 @@ Snackbar.propTypes = {
   /** The duration sets how long it will take to close snackbar automatically, it may be "fast" (4 seconds), "default" (8 seconds), "slow" (10 seconds) or "indefinite" (it doesn't close automatically). */
   duration: oneOf(["fast", "default", "slow", "indefinite"]),
   /** Add extra margin to Snackbar. Can be useful for SafeAreaView or button cases. */
-  bottomOffset: number
+  bottomOffset: number,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: string
 };
 Snackbar.defaultProps = {
   variant: "success",
@@ -237,7 +242,8 @@ Snackbar.defaultProps = {
   onAction: void 0,
   onSnackbarClose: void 0,
   duration: "default",
-  bottomOffset: 0
+  bottomOffset: 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = Snackbar;
 export {

package/esm/Snackbar/native/Snackbar.test.js

@@ -52,6 +52,11 @@ describe("<Snackbar />", () => {
     const { toJSON } = render(/* @__PURE__ */ jsx(Component, {}));
     expect(toJSON()).toMatchSnapshot();
   });
+  it("should render with custom dataTestId", () => {
+    const { getByTestId } = render(/* @__PURE__ */ jsx(Component, { dataTestId: "custom-snackbar" }));
+    fireEvent.press(getByTestId("custom-snackbar"));
+    expect(getByTestId("custom-snackbar")).toBeTruthy();
+  });
   it("should match snapshot when have an icon and action", () => {
     const overrideProps = {
       icon: CheckedFull,

package/esm/Snackbar/web/Snackbar.js

@@ -144,6 +144,7 @@ const Snackbar = React.forwardRef(
       onClose,
       hideCloseButton,
       ariaLabelClose,
+      dataTestId,
       theme: {
         yoga: {
           components: { snackbar }
@@ -160,6 +161,7 @@ const Snackbar = React.forwardRef(
       "onClose",
       "hideCloseButton",
       "ariaLabelClose",
+      "dataTestId",
       "theme"
     ]);
     const timeoutRef = useRef();
@@ -178,7 +180,8 @@ const Snackbar = React.forwardRef(
         role: "alert",
         "aria-label": variant,
         variant,
-        ref
+        ref,
+        "data-testid": dataTestId
       }, props), {
         children: [
           !hideIcon && /* @__PURE__ */ jsx(
@@ -240,7 +243,9 @@ Snackbar.propTypes = {
   /** Hides the close button. */
   hideCloseButton: bool,
   /** Custom aria label for close button. */
-  ariaLabelClose: string
+  ariaLabelClose: string,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: string
 };
 Snackbar.defaultProps = {
   open: false,
@@ -250,7 +255,8 @@ Snackbar.defaultProps = {
   onAction: void 0,
   variant: "success",
   hideCloseButton: false,
-  ariaLabelClose: void 0
+  ariaLabelClose: void 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = memo(withTheme(Snackbar));
 export {

package/esm/Snackbar/web/Snackbar.test.js

@@ -36,6 +36,20 @@ var require_Snackbar_test = __commonJS({
         );
         expect(container).toMatchSnapshot();
       });
+      it("should render with custom dataTestId", () => {
+        render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+            Snackbar,
+            {
+              open: true,
+              message: "Make wellbeing universal",
+              onClose: jest.fn(),
+              dataTestId: "custom-snackbar"
+            }
+          ) })
+        );
+        expect(screen.getByTestId("custom-snackbar")).toBeInTheDocument();
+      });
       it("should render a minimal snackbar", () => {
         render(
           /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Snackbar, { open: true, message: "Make wellbeing universal", onClose: jest.fn() }) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.127.0",
+  "version": "7.127.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -58,7 +58,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "6c9cf03b59b28293c4856fa7aaea76a443013865",
+  "gitHead": "b439914bbb4d61946a25af1aefdf94b7cf5b778d",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"