@strapi/design-system 2.0.0-rc.19 → 2.0.0-rc.21

package/dist/components/Searchbar/Searchbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA+CjC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,UAAU;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,yFA6CrB,CAAC"}
+{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA+CjC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,UAAU;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,yFA8CrB,CAAC"}

package/dist/index.js

@@ -6006,7 +6006,7 @@ const SearchbarInput = styledComponents.styled(Input$2)`
   ${inputFocusStyle()}
 `;
 const Searchbar = React__namespace.forwardRef(
-  ({ name, children, value = "", onClear, clearLabel, ...props }, ref) => {
+  ({ name, children, value = "", onClear, clearLabel = "Clear", ...props }, ref) => {
     const inputRef = React__namespace.useRef(null);
     const isCompleting = value.length > 0;
     const handleClear = (e) => {
@@ -6024,14 +6024,17 @@ const Searchbar = React__namespace.forwardRef(
           value,
           startAction: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, { "aria-hidden": true }),
           endAction: isCompleting ? /* @__PURE__ */ jsxRuntime.jsx(
-            Action$1,
+            IconButton,
             {
-              label: clearLabel,
               onClick: handleClear,
               onMouseDown: (e) => {
                 e.preventDefault();
               },
-              children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { label: "Clear", size: "XS", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {}) })
+              label: clearLabel,
+              size: "XS",
+              variant: "ghost",
+              type: "button",
+              children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
             }
           ) : void 0,
           ...props