@carto/meridian-ds 2.6.0-alpha-searchfield.1 → 2.6.1

package/CHANGELOG.md

@@ -2,10 +2,13 @@
 
 ## Unreleased
 
-- New SearchField component [#308](https://github.com/CartoDB/meridian-ds/pull/308)
-
 ## 2.0
 
+### 2.6.1
+
+- Custom Icons: FoldersStackedOutlined,RedoAlt,UndoAlt [#317](https://github.com/CartoDB/meridian-ds/pull/317)
+- Tabs: remove box-shadow in vertical mode[#302](https://github.com/CartoDB/meridian-ds/pull/302)
+
 ### 2.6.0
 
 - New EllipsisWithTooltip component [#299](https://github.com/CartoDB/meridian-ds/pull/299)

package/dist/{Alert-C1VgP3N1.js → Alert-DHd9hCGz.js}

@@ -3,7 +3,7 @@ import { forwardRef, useState } from "react";
 import { styled, Link as Link$1, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
 import { OpenInNewOutlined } from "@mui/icons-material";
 import "cartocolor";
-import { u as useImperativeIntl, c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, T as Typography } from "./css-utils-hxI-qUxK.js";
+import { u as useImperativeIntl, c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, T as Typography } from "./css-utils-WejOmkiI.js";
 import { useIntl } from "react-intl";
 const ScreenReaderOnly = styled("span")(() => ({
   position: "absolute",

package/dist/{Alert-F8G9P271.cjs → Alert-DOeOwxOe.cjs}

@@ -4,7 +4,7 @@ const React = require("react");
 const material = require("@mui/material");
 const iconsMaterial = require("@mui/icons-material");
 require("cartocolor");
-const cssUtils = require("./css-utils-CqIN_t7x.cjs");
+const cssUtils = require("./css-utils-CCi3p7os.cjs");
 const reactIntl = require("react-intl");
 const ScreenReaderOnly = material.styled("span")(() => ({
   position: "absolute",

package/dist/{MenuItem-Bssr5qGq.cjs → MenuItem-CYJN2OVU.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const cssUtils = require("./css-utils-CqIN_t7x.cjs");
+const cssUtils = require("./css-utils-CCi3p7os.cjs");
 const StyledMenuItem = material.styled(material.MenuItem, {
   shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     prop

package/dist/{MenuItem-COajCLkS.js → MenuItem-MUmADf3e.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { styled, MenuItem as MenuItem$1 } from "@mui/material";
-import { f as MENU_ITEM_SIZE_DENSE, h as MENU_ITEM_SIZE_EXTENDED } from "./css-utils-hxI-qUxK.js";
+import { f as MENU_ITEM_SIZE_DENSE, h as MENU_ITEM_SIZE_EXTENDED } from "./css-utils-WejOmkiI.js";
 const StyledMenuItem = styled(MenuItem$1, {
   shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     prop

package/dist/{Search-CMWbM9nD.cjs → SwatchSquare-B8PIY3Rd.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const Icon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon$1 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -11,10 +11,10 @@ const Icon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon = material.createSvgIcon(Icon(), "Search");
+const BaseSvgIcon$1 = material.createSvgIcon(Icon$1(), "Search");
 function Search({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon,
+    BaseSvgIcon$1,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -28,4 +28,23 @@ function Search({ width, height, sx, ...props }, ref) {
   );
 }
 const Search$1 = React.forwardRef(Search);
+const Icon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 16, height: 16, x: 4, y: 4, fill: "currentColor", rx: 2 }) });
+const BaseSvgIcon = material.createSvgIcon(Icon(), "SwatchSquare");
+function SwatchSquare({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSvgIcon,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const SwatchSquare$1 = React.forwardRef(SwatchSquare);
 exports.Search = Search$1;
+exports.SwatchSquare = SwatchSquare$1;

package/dist/{Search-C7wkXu3f.js → SwatchSquare-CaaLsjAC.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { createSvgIcon } from "@mui/material";
-const Icon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const Icon$1 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
@@ -10,10 +10,10 @@ const Icon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/s
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon = createSvgIcon(Icon(), "Search");
+const BaseSvgIcon$1 = createSvgIcon(Icon$1(), "Search");
 function Search({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    BaseSvgIcon,
+    BaseSvgIcon$1,
     {
       ref,
       viewBox: "0 0 24 24",
@@ -27,6 +27,25 @@ function Search({ width, height, sx, ...props }, ref) {
   );
 }
 const Search$1 = forwardRef(Search);
+const Icon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, x: 4, y: 4, fill: "currentColor", rx: 2 }) });
+const BaseSvgIcon = createSvgIcon(Icon(), "SwatchSquare");
+function SwatchSquare({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseSvgIcon,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const SwatchSquare$1 = forwardRef(SwatchSquare);
 export {
-  Search$1 as S
+  Search$1 as S,
+  SwatchSquare$1 as a
 };

package/dist/components/index.cjs

@@ -4,12 +4,12 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 const iconsMaterial = require("@mui/icons-material");
-const Alert$1 = require("../Alert-F8G9P271.cjs");
-const cssUtils = require("../css-utils-CqIN_t7x.cjs");
+const Alert$1 = require("../Alert-DOeOwxOe.cjs");
+const cssUtils = require("../css-utils-CCi3p7os.cjs");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const OpenDiagonallyRight = require("../OpenDiagonallyRight-CpL4ROwg.cjs");
 const reactIntl = require("react-intl");
-const MenuItem = require("../MenuItem-Bssr5qGq.cjs");
+const MenuItem = require("../MenuItem-CYJN2OVU.cjs");
 require("cartocolor");
 const reactWindow = require("react-window");
 const reactCodemirror2 = require("react-codemirror2");
@@ -41,7 +41,6 @@ const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
 const xDatePickers = require("@mui/x-date-pickers");
 const TimePicker$1 = require("@mui/x-date-pickers/TimePicker");
 const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
-const Search = require("../Search-CMWbM9nD.cjs");
 const DOMPurify = require("dompurify");
 const IndicatorIcon = material.styled(material.Box)({
   position: "absolute",
@@ -4947,152 +4946,6 @@ function _FilterDropdown({
 const FilterDropdown = React.forwardRef(
   _FilterDropdown
 );
-const SearchIcon = material.styled(Search.Search, {
-  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "disabled"
-})(
-  ({ theme, minimized, disabled }) => ({
-    cursor: !disabled && minimized ? "pointer" : "inherit",
-    width: cssUtils.ICON_SIZE_MEDIUM,
-    height: cssUtils.ICON_SIZE_MEDIUM,
-    path: {
-      fillOpacity: 1,
-      fill: disabled ? theme.palette.text.disabled : theme.palette.text.secondary
-    }
-  })
-);
-const CancelIcon = material.styled(iconsMaterial.Cancel)(({ theme }) => ({
-  fill: theme.palette.text.hint,
-  cursor: "pointer"
-}));
-const CircularProgressIcon = material.styled(material.CircularProgress)(({ theme }) => ({
-  svg: {
-    color: theme.palette.primary.main
-  }
-}));
-const SearchFieldBase = material.styled(material.TextField, {
-  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "isInputFocused"
-})(
-  ({ theme, disabled, minimized, isInputFocused }) => ({
-    "& .MuiInputBase-input": {
-      cursor: disabled ? "not-allowed" : "text",
-      pointerEvents: isInputFocused ? "auto" : "none"
-      // Fix Chrome scroll issue https://issues.chromium.org/issues/41245282
-    },
-    "&.MuiTextField-root .MuiInputBase-root": {
-      paddingRight: theme.spacing(1),
-      "&.MuiInputBase-sizeSmall": {
-        paddingRight: theme.spacing(0.5)
-      },
-      "&:before": {
-        border: `none !important`,
-        "&:hover": {
-          border: `none !important`
-        }
-      },
-      width: minimized ? theme.spacing(4) : "100%",
-      transition: theme.transitions.create("width", {
-        easing: theme.transitions.easing.easeInOut,
-        duration: theme.transitions.duration.shortest
-      })
-    },
-    // Input Adornment
-    "& .MuiInputAdornment-positionStart": {
-      marginLeft: minimized ? theme.spacing(0.125) : void 0
-    },
-    "& .MuiInputAdornment-positionEnd": {
-      minWidth: theme.spacing(4),
-      "&.MuiInputAdornment-sizeSmall": {
-        minWidth: theme.spacing(3)
-      }
-    },
-    // Variants
-    "& .MuiFilledInput-root": {
-      transition: theme.transitions.create("background-color", {
-        easing: theme.transitions.easing.easeInOut,
-        duration: theme.transitions.duration.shortest
-      }),
-      backgroundColor: `${minimized ? "inherit" : theme.palette.default.background} !important`,
-      "&:hover": {
-        backgroundColor: `${disabled ? "inherit" : theme.palette.action.hover} !important`
-      }
-    }
-  })
-);
-function _SearchField({
-  value,
-  defaultValue,
-  placeholder,
-  onChange,
-  onClick,
-  onResetSearch,
-  disabled,
-  minimized = false,
-  loading = false,
-  variant = "filled",
-  size = "small",
-  InputProps,
-  startAdornment,
-  endAdornment,
-  onFocus,
-  onBlur,
-  clearTextLabel,
-  ...otherProps
-}, ref) {
-  const [isInputFocused, setIsInputFocused] = React.useState(false);
-  const clearTextLabelValue = Alert$1.useTranslationFallback(
-    "c4r.button.clear",
-    clearTextLabel
-  );
-  const handleFocus = (event) => {
-    setIsInputFocused(true);
-    onFocus == null ? void 0 : onFocus(event);
-  };
-  const handleBlur = (event) => {
-    setIsInputFocused(false);
-    onBlur == null ? void 0 : onBlur(event);
-  };
-  const handleClearText = () => {
-    onResetSearch == null ? void 0 : onResetSearch();
-    onChange == null ? void 0 : onChange({ target: { value: "" } });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SearchFieldBase,
-    {
-      value: minimized ? "" : value,
-      defaultValue,
-      placeholder: minimized ? "" : placeholder,
-      onChange,
-      onClick,
-      variant,
-      size,
-      focused: false,
-      isInputFocused,
-      disabled,
-      minimized,
-      InputProps: {
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        startAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "inline-flex", ml: minimized ? -0.75 : 0 }, children: loading && minimized ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgressIcon, { size: cssUtils.ICON_SIZE_MEDIUM }) : startAdornment || /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, { disabled, minimized }) }) }),
-        endAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "end", children: loading ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgressIcon, { size: cssUtils.ICON_SIZE_MEDIUM }) : !disabled && !minimized && (value ?? defaultValue) ? endAdornment || /* @__PURE__ */ jsxRuntime.jsx(
-          cssUtils.IconButton,
-          {
-            icon: /* @__PURE__ */ jsxRuntime.jsx(CancelIcon, {}),
-            onClick: handleClearText,
-            size,
-            color: "default",
-            disabled,
-            tooltip: clearTextLabelValue
-          }
-        ) : void 0 }),
-        ...InputProps
-      },
-      "data-name": "search-field",
-      ref,
-      ...otherProps
-    }
-  );
-}
-const SearchField = React.forwardRef(_SearchField);
 const MAX_WIDTH = 480;
 const SnackbarRoot = material.styled(material.Snackbar)(({ theme }) => ({
   bottom: theme.spacing(2),
@@ -5916,7 +5769,6 @@ exports.MenuList = MenuList;
 exports.MultipleAutocomplete = MultipleAutocomplete;
 exports.MultipleSelectField = MultipleSelectField;
 exports.PasswordField = PasswordField;
-exports.SearchField = SearchField;
 exports.SelectField = SelectField;
 exports.Snackbar = Snackbar;
 exports.SplitButton = SplitButton;

package/dist/components/index.js

@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, useImperativeHandle } from "react";
 import { styled, Box, Button as Button$1, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, Select, FormControl, InputLabel, FormHelperText, Link, Checkbox, IconButton as IconButton$1, ListItemText, Tooltip, ToggleButtonGroup as ToggleButtonGroup$1, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Slide, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Menu as Menu$2, useMediaQuery, Snackbar as Snackbar$1, Portal, Fade } from "@mui/material";
 import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, Check, TodayOutlined } from "@mui/icons-material";
-import { u as useTranslationFallback, S as ScreenReaderOnly, A as Alert$1 } from "../Alert-C1VgP3N1.js";
-import { L } from "../Alert-C1VgP3N1.js";
-import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, i as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, h as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, b as ICON_SIZE_MEDIUM, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles } from "../css-utils-hxI-qUxK.js";
-import { a } from "../css-utils-hxI-qUxK.js";
+import { u as useTranslationFallback, S as ScreenReaderOnly, A as Alert$1 } from "../Alert-DHd9hCGz.js";
+import { L } from "../Alert-DHd9hCGz.js";
+import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, i as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, h as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles } from "../css-utils-WejOmkiI.js";
+import { a } from "../css-utils-WejOmkiI.js";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CGdCEXlF.js";
 import { useIntl } from "react-intl";
-import { M as MenuItem$1 } from "../MenuItem-COajCLkS.js";
+import { M as MenuItem$1 } from "../MenuItem-MUmADf3e.js";
 import "cartocolor";
 import { FixedSizeList } from "react-window";
 import { Controlled, UnControlled } from "react-codemirror2";
@@ -41,7 +41,6 @@ import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
 import { PickersDay as PickersDay$1 } from "@mui/x-date-pickers";
 import { TimePicker as TimePicker$1 } from "@mui/x-date-pickers/TimePicker";
 import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
-import { S as Search } from "../Search-C7wkXu3f.js";
 import DOMPurify from "dompurify";
 const IndicatorIcon = styled(Box)({
   position: "absolute",
@@ -4947,152 +4946,6 @@ function _FilterDropdown({
 const FilterDropdown = forwardRef(
   _FilterDropdown
 );
-const SearchIcon = styled(Search, {
-  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "disabled"
-})(
-  ({ theme, minimized, disabled }) => ({
-    cursor: !disabled && minimized ? "pointer" : "inherit",
-    width: ICON_SIZE_MEDIUM,
-    height: ICON_SIZE_MEDIUM,
-    path: {
-      fillOpacity: 1,
-      fill: disabled ? theme.palette.text.disabled : theme.palette.text.secondary
-    }
-  })
-);
-const CancelIcon = styled(Cancel)(({ theme }) => ({
-  fill: theme.palette.text.hint,
-  cursor: "pointer"
-}));
-const CircularProgressIcon = styled(CircularProgress)(({ theme }) => ({
-  svg: {
-    color: theme.palette.primary.main
-  }
-}));
-const SearchFieldBase = styled(TextField, {
-  shouldForwardProp: (prop) => prop !== "minimized" && prop !== "isInputFocused"
-})(
-  ({ theme, disabled, minimized, isInputFocused }) => ({
-    "& .MuiInputBase-input": {
-      cursor: disabled ? "not-allowed" : "text",
-      pointerEvents: isInputFocused ? "auto" : "none"
-      // Fix Chrome scroll issue https://issues.chromium.org/issues/41245282
-    },
-    "&.MuiTextField-root .MuiInputBase-root": {
-      paddingRight: theme.spacing(1),
-      "&.MuiInputBase-sizeSmall": {
-        paddingRight: theme.spacing(0.5)
-      },
-      "&:before": {
-        border: `none !important`,
-        "&:hover": {
-          border: `none !important`
-        }
-      },
-      width: minimized ? theme.spacing(4) : "100%",
-      transition: theme.transitions.create("width", {
-        easing: theme.transitions.easing.easeInOut,
-        duration: theme.transitions.duration.shortest
-      })
-    },
-    // Input Adornment
-    "& .MuiInputAdornment-positionStart": {
-      marginLeft: minimized ? theme.spacing(0.125) : void 0
-    },
-    "& .MuiInputAdornment-positionEnd": {
-      minWidth: theme.spacing(4),
-      "&.MuiInputAdornment-sizeSmall": {
-        minWidth: theme.spacing(3)
-      }
-    },
-    // Variants
-    "& .MuiFilledInput-root": {
-      transition: theme.transitions.create("background-color", {
-        easing: theme.transitions.easing.easeInOut,
-        duration: theme.transitions.duration.shortest
-      }),
-      backgroundColor: `${minimized ? "inherit" : theme.palette.default.background} !important`,
-      "&:hover": {
-        backgroundColor: `${disabled ? "inherit" : theme.palette.action.hover} !important`
-      }
-    }
-  })
-);
-function _SearchField({
-  value,
-  defaultValue,
-  placeholder,
-  onChange,
-  onClick,
-  onResetSearch,
-  disabled,
-  minimized = false,
-  loading = false,
-  variant = "filled",
-  size = "small",
-  InputProps,
-  startAdornment,
-  endAdornment,
-  onFocus,
-  onBlur,
-  clearTextLabel,
-  ...otherProps
-}, ref) {
-  const [isInputFocused, setIsInputFocused] = useState(false);
-  const clearTextLabelValue = useTranslationFallback(
-    "c4r.button.clear",
-    clearTextLabel
-  );
-  const handleFocus = (event) => {
-    setIsInputFocused(true);
-    onFocus == null ? void 0 : onFocus(event);
-  };
-  const handleBlur = (event) => {
-    setIsInputFocused(false);
-    onBlur == null ? void 0 : onBlur(event);
-  };
-  const handleClearText = () => {
-    onResetSearch == null ? void 0 : onResetSearch();
-    onChange == null ? void 0 : onChange({ target: { value: "" } });
-  };
-  return /* @__PURE__ */ jsx(
-    SearchFieldBase,
-    {
-      value: minimized ? "" : value,
-      defaultValue,
-      placeholder: minimized ? "" : placeholder,
-      onChange,
-      onClick,
-      variant,
-      size,
-      focused: false,
-      isInputFocused,
-      disabled,
-      minimized,
-      InputProps: {
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(Box, { sx: { display: "inline-flex", ml: minimized ? -0.75 : 0 }, children: loading && minimized ? /* @__PURE__ */ jsx(CircularProgressIcon, { size: ICON_SIZE_MEDIUM }) : startAdornment || /* @__PURE__ */ jsx(SearchIcon, { disabled, minimized }) }) }),
-        endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: loading ? /* @__PURE__ */ jsx(CircularProgressIcon, { size: ICON_SIZE_MEDIUM }) : !disabled && !minimized && (value ?? defaultValue) ? endAdornment || /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            icon: /* @__PURE__ */ jsx(CancelIcon, {}),
-            onClick: handleClearText,
-            size,
-            color: "default",
-            disabled,
-            tooltip: clearTextLabelValue
-          }
-        ) : void 0 }),
-        ...InputProps
-      },
-      "data-name": "search-field",
-      ref,
-      ...otherProps
-    }
-  );
-}
-const SearchField = forwardRef(_SearchField);
 const MAX_WIDTH = 480;
 const SnackbarRoot = styled(Snackbar$1)(({ theme }) => ({
   bottom: theme.spacing(2),
@@ -5915,7 +5768,6 @@ export {
   MultipleSelectField,
   PasswordField,
   ScreenReaderOnly,
-  SearchField,
   SelectField,
   Snackbar,
   SplitButton,

package/dist/{css-utils-CqIN_t7x.cjs → css-utils-CCi3p7os.cjs}

@@ -818,7 +818,6 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
-      clear: "Clear",
       showOptions: "Show options",
       hide: "Hide",
       show: "Show",
@@ -968,7 +967,6 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
-      clear: "Borrar",
       showOptions: "Mostrar opciones",
       hide: "Ocultar",
       show: "Mostrar",
@@ -1116,7 +1114,6 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
-      clear: "Bersihkan",
       showOptions: "Tampilkan opsi",
       hide: "Sembunyikan",
       show: "Tampilkan",

package/dist/{css-utils-hxI-qUxK.js → css-utils-WejOmkiI.js}

@@ -817,7 +817,6 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
-      clear: "Clear",
       showOptions: "Show options",
       hide: "Hide",
       show: "Show",
@@ -967,7 +966,6 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
-      clear: "Borrar",
       showOptions: "Mostrar opciones",
       hide: "Ocultar",
       show: "Mostrar",
@@ -1115,7 +1113,6 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
-      clear: "Bersihkan",
       showOptions: "Tampilkan opsi",
       hide: "Sembunyikan",
       show: "Tampilkan",