@gympass/yoga 7.130.0 → 7.131.0

package/cjs/Input/web/Input.js

@@ -157,7 +157,8 @@ const Input = import_react.default.forwardRef(
       a11yId,
       closeAriaLabel = "Clear",
       includeAriaAttributes = true,
-      leftElement
+      leftElement,
+      clearButtonAriaLabel = "Clear"
     } = _b, props = __objRest(_b, [
       "cleanable",
       "children",
@@ -178,7 +179,8 @@ const Input = import_react.default.forwardRef(
       "a11yId",
       "closeAriaLabel",
       "includeAriaAttributes",
-      "leftElement"
+      "leftElement",
+      "clearButtonAriaLabel"
     ]);
     const inputRef = ref || (0, import_react.useRef)(null);
     const cleanField = (e) => {
@@ -257,6 +259,8 @@ const Input = import_react.default.forwardRef(
                 height: 20,
                 role: "button",
                 hasIconRight: !!rightIcon,
+                "aria-label": clearButtonAriaLabel,
+                "data-testid": "clearButtonAriaLabel",
                 children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga_icons.Close, { "aria-label": closeAriaLabel })
               }
             ),
@@ -321,6 +325,8 @@ Input.propTypes = {
   /** this prop will be used in the aria-label of the clear input button. */
   closeAriaLabel: import_prop_types.string,
   /** element on the left */
-  leftElement: import_prop_types.node
+  leftElement: import_prop_types.node,
+  /** aria label for close button */
+  clearButtonAriaLabel: import_prop_types.string
 };
 var Input_default = Input;

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

@@ -187,5 +187,14 @@ describe("<Input />", () => {
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });
+    it("should have close aria label", () => {
+      const value = "test label clear";
+      const { getByTestId } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "abc123", value: "foo", clearButtonAriaLabel: value }) })
+      );
+      const inputElement = getByTestId("clearButtonAriaLabel");
+      expect(inputElement).toBeInTheDocument();
+      expect(inputElement).toHaveAttribute("aria-label", value);
+    });
   });
 });

package/esm/Input/web/Input.js

@@ -135,7 +135,8 @@ const Input = React.forwardRef(
       a11yId,
       closeAriaLabel = "Clear",
       includeAriaAttributes = true,
-      leftElement
+      leftElement,
+      clearButtonAriaLabel = "Clear"
     } = _b, props = __objRest(_b, [
       "cleanable",
       "children",
@@ -156,7 +157,8 @@ const Input = React.forwardRef(
       "a11yId",
       "closeAriaLabel",
       "includeAriaAttributes",
-      "leftElement"
+      "leftElement",
+      "clearButtonAriaLabel"
     ]);
     const inputRef = ref || useRef(null);
     const cleanField = (e) => {
@@ -235,6 +237,8 @@ const Input = React.forwardRef(
                 height: 20,
                 role: "button",
                 hasIconRight: !!rightIcon,
+                "aria-label": clearButtonAriaLabel,
+                "data-testid": "clearButtonAriaLabel",
                 children: /* @__PURE__ */ jsx(Close, { "aria-label": closeAriaLabel })
               }
             ),
@@ -299,7 +303,9 @@ Input.propTypes = {
   /** this prop will be used in the aria-label of the clear input button. */
   closeAriaLabel: string,
   /** element on the left */
-  leftElement: node
+  leftElement: node,
+  /** aria label for close button */
+  clearButtonAriaLabel: string
 };
 var Input_default = Input;
 export {

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

@@ -164,5 +164,14 @@ describe("<Input />", () => {
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });
+    it("should have close aria label", () => {
+      const value = "test label clear";
+      const { getByTestId } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "abc123", value: "foo", clearButtonAriaLabel: value }) })
+      );
+      const inputElement = getByTestId("clearButtonAriaLabel");
+      expect(inputElement).toBeInTheDocument();
+      expect(inputElement).toHaveAttribute("aria-label", value);
+    });
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.130.0",
+  "version": "7.131.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -59,7 +59,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "181e38376e72162bd97ae292a93c94caadf5cef2",
+  "gitHead": "26df123dcfe659e0e80491e56d38db3ce457296c",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"