@crystaldesign/searchfield 26.6.0 → 26.7.0-beta.10

package/build/esm/index.js

@@ -1,12 +1,10 @@
 import 'react';
-import makeStyles from '@mui/styles/makeStyles';
-import createStyles from '@mui/styles/createStyles';
+import { styled } from '@mui/material/styles';
 import SearchIcon from '@mui/icons-material/Search';
 import Input from '@mui/material/Input';
 import InputLabel from '@mui/material/InputLabel';
 import InputAdornment from '@mui/material/InputAdornment';
 import FormControl from '@mui/material/FormControl';
-import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 (function() {
@@ -27,10 +25,9 @@ function SearchField(_ref) {
     placeholder = _ref.placeholder,
     label = _ref.label,
     autoFocus = _ref.autoFocus;
-  var classes = useStyles();
-  return /*#__PURE__*/jsxs(FormControl, {
+  return /*#__PURE__*/jsxs(StyledFormControl, {
     margin: "dense",
-    className: classnames(classes.textField, 'search-field'),
+    className: "search-field",
     children: [label && /*#__PURE__*/jsx(InputLabel, {
       htmlFor: "search-input",
       children: label
@@ -43,23 +40,23 @@ function SearchField(_ref) {
       autoComplete: "off",
       endAdornment: /*#__PURE__*/jsx(InputAdornment, {
         position: "end",
-        children: /*#__PURE__*/jsx(SearchIcon, {
-          className: classes.icon
-        })
+        children: /*#__PURE__*/jsx(StyledSearchIcon, {})
       })
     })]
   });
 }
-var useStyles = makeStyles(function (theme) {
-  return createStyles({
-    textField: {
-      marginLeft: theme.spacing(1),
-      marginRight: theme.spacing(1)
-    },
-    icon: {
-      color: theme.palette.grey.A700
-    }
-  });
+var StyledFormControl = styled(FormControl)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    marginLeft: theme.spacing(1),
+    marginRight: theme.spacing(1)
+  };
+});
+var StyledSearchIcon = styled(SearchIcon)(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    color: theme.palette.grey.A700
+  };
 });
 
 export { SearchField as default };

package/build/types/searchfield/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBAoBvG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBAmBvG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/searchfield",
-  "version": "26.6.0",
+  "version": "26.7.0-beta.10",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -17,5 +17,5 @@
   "dependencies": {
     "lodash": "^4.17.21"
   },
-  "gitHead": "cdb3a5240f4e5397b4f07be55be6bfdef9420b11"
+  "gitHead": "f1801f61d8499e919ab175006ec36bfab3a82dd6"
 }