@snack-uikit/search 0.8.27 → 0.8.28-preview-ba12ca94.0

package/dist/cjs/components/Search/Search.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const SearchAutocomplete_1 = require("../SearchAutocomplete");
+const SearchFieldText_1 = require("../SearchFieldText");
+exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
+  var {
+      size = constants_1.SIZE.S
+    } = _a,
+    props = __rest(_a, ["size"]);
+  const {
+      value,
+      onChange,
+      onBlur,
+      onFocus,
+      outline,
+      loading,
+      placeholder,
+      onSubmit,
+      className
+    } = props,
+    rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className"]);
+  const supportProps = (0, utils_1.extractSupportProps)(rest);
+  if (props.autocomplete) {
+    return (0, jsx_runtime_1.jsx)(SearchAutocomplete_1.SearchAutocomplete, Object.assign({
+      value: value,
+      onChange: onChange,
+      options: props.options,
+      onBlur: onBlur,
+      onFocus: onFocus,
+      onSubmit: onSubmit,
+      size: size,
+      outline: outline,
+      loading: loading,
+      placeholder: placeholder,
+      className: className,
+      ref: ref
+    }, supportProps));
+  }
+  return (0, jsx_runtime_1.jsx)(SearchFieldText_1.SearchFieldText, Object.assign({
+    value: value,
+    onChange: onChange,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onSubmit: onSubmit,
+    size: size,
+    outline: outline,
+    loading: loading,
+    placeholder: placeholder,
+    className: className,
+    ref: ref
+  }, supportProps));
+});

package/dist/cjs/components/Search/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Search"), exports);

package/dist/cjs/components/SearchAutocomplete/SearchAutocomplete.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchAutocomplete = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const merge_refs_1 = __importDefault(require("merge-refs"));
+const react_1 = require("react");
+const list_1 = require("@snack-uikit/list");
+const search_private_1 = require("@snack-uikit/search-private");
+const constants_1 = require("../../constants");
+const SearchDecorator_1 = require("../SearchDecorator");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.SearchAutocomplete = (0, react_1.forwardRef)(function SearchAutocomplete(_a, ref) {
+  var {
+      size = constants_1.SIZE.S,
+      value,
+      onChange,
+      placeholder,
+      options = [],
+      loading,
+      outline,
+      onSubmit,
+      onFocus,
+      className
+    } = _a,
+    rest = __rest(_a, ["size", "value", "onChange", "placeholder", "options", "loading", "outline", "onSubmit", "onFocus", "className"]);
+  const scrollRef = (0, react_1.useRef)(null);
+  const localRef = (0, react_1.useRef)(null);
+  const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+  const handleOptionKeyDown = (0, react_1.useCallback)(e => {
+    var _a, _b;
+    if (e.key.length === 1) {
+      e.stopPropagation();
+      (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      (_b = scrollRef.current) === null || _b === void 0 ? void 0 : _b.scroll(0, 0);
+      return;
+    }
+    // ignoring special keys (tab, arrows, backspace, etc.)
+    if (!['ArrowUp', 'ArrowDown'].includes(e.key)) {
+      e.stopPropagation();
+    } else {
+      e.preventDefault();
+    }
+  }, [scrollRef]);
+  const handleKeyDown = cb => e => {
+    if (e.key === ' ') {
+      e.stopPropagation();
+    }
+    if (e.key.length === 1) {
+      setIsOpen(true);
+    }
+    cb === null || cb === void 0 ? void 0 : cb(e);
+  };
+  const items = (0, react_1.useMemo)(() => options.map((_a, idx) => {
+    var _b;
+    var {
+        onClick
+      } = _a,
+      item = __rest(_a, ["onClick"]);
+    return Object.assign(Object.assign({}, item), {
+      onClick: e => {
+        var _a;
+        // Dirty hack: by default list items call onClick by 'Space' || 'Enter'
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        if (!(e.type === 'keydown' && (e === null || e === void 0 ? void 0 : e.key) === ' ')) {
+          onClick === null || onClick === void 0 ? void 0 : onClick(e);
+          if (item.id) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(String(item.id));
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(String(item.id));
+          } else if (typeof item.content === 'string') {
+            onChange === null || onChange === void 0 ? void 0 : onChange(item.content);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(item.content);
+          }
+          setIsOpen(false);
+          (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+      },
+      onKeyDown: handleOptionKeyDown,
+      'data-test-id': `${constants_1.TEST_IDS.option}__${(_b = item.id) !== null && _b !== void 0 ? _b : idx}`
+    });
+  }), [handleOptionKeyDown, onChange, onSubmit, options]);
+  return (0, jsx_runtime_1.jsx)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.wrap, className)
+  }, rest, {
+    children: (0, jsx_runtime_1.jsx)(list_1.Droplist, {
+      open: isOpen && options.length > 0,
+      scroll: true,
+      size: size,
+      onOpenChange: setIsOpen,
+      "data-test-id": constants_1.TEST_IDS.droplist,
+      triggerClassName: styles_module_scss_1.default.triggerClassName,
+      scrollRef: scrollRef,
+      triggerElemRef: localRef,
+      items: items,
+      loading: loading,
+      children: _ref => {
+        let {
+          onKeyDown
+        } = _ref;
+        var _a;
+        return (0, jsx_runtime_1.jsx)(SearchDecorator_1.SearchDecorator, {
+          size: size,
+          outline: outline || undefined,
+          focused: isOpen && Boolean((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.value) || undefined,
+          "data-test-id": constants_1.TEST_IDS.decorator,
+          children: (0, jsx_runtime_1.jsx)(search_private_1.SearchPrivate, {
+            loading: loading,
+            value: value,
+            onChange: onChange,
+            onSubmit: onSubmit,
+            placeholder: placeholder,
+            ref: (0, merge_refs_1.default)(ref, localRef),
+            onKeyDown: handleKeyDown(onKeyDown),
+            onFocus: onFocus,
+            size: size,
+            "data-test-id": constants_1.PRIVATE_SEARCH_TEST_IDS.field
+          })
+        });
+      }
+    })
+  }));
+});

package/dist/cjs/components/SearchAutocomplete/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./SearchAutocomplete"), exports);

package/dist/cjs/components/SearchDecorator/SearchDecorator.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchDecorator = SearchDecorator;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SearchDecorator(_a) {
+  var {
+      children,
+      outline,
+      size = constants_1.SIZE.S,
+      focused,
+      className
+    } = _a,
+    rest = __rest(_a, ["children", "outline", "size", "focused", "className"]);
+  return (0, jsx_runtime_1.jsx)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.decorator, className),
+    "data-outline": outline || undefined,
+    "data-size": size,
+    "data-focused": focused || undefined
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: children
+  }));
+}

package/dist/cjs/components/SearchDecorator/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./SearchDecorator"), exports);

package/dist/cjs/components/SearchFieldText/SearchFieldText.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchFieldText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const search_private_1 = require("@snack-uikit/search-private");
+const constants_1 = require("../../constants");
+const SearchDecorator_1 = require("../SearchDecorator");
+exports.SearchFieldText = (0, react_1.forwardRef)(function SearchFieldText(_a, ref) {
+  var {
+      value,
+      onChange,
+      onBlur,
+      onFocus,
+      size = constants_1.SIZE.S,
+      outline,
+      loading,
+      placeholder,
+      onSubmit,
+      className
+    } = _a,
+    rest = __rest(_a, ["value", "onChange", "onBlur", "onFocus", "size", "outline", "loading", "placeholder", "onSubmit", "className"]);
+  return (0, jsx_runtime_1.jsx)(SearchDecorator_1.SearchDecorator, Object.assign({
+    outline: outline,
+    size: size,
+    className: className
+  }, rest, {
+    children: (0, jsx_runtime_1.jsx)(search_private_1.SearchPrivate, {
+      ref: ref,
+      size: size,
+      value: value,
+      onChange: onChange,
+      onBlur: onBlur,
+      onFocus: onFocus,
+      onSubmit: onSubmit,
+      placeholder: placeholder,
+      loading: loading,
+      "data-test-id": constants_1.PRIVATE_SEARCH_TEST_IDS.field
+    })
+  }));
+});

package/dist/cjs/components/SearchFieldText/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./SearchFieldText"), exports);

package/dist/cjs/components/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Search"), exports);

package/dist/cjs/constants.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PRIVATE_SEARCH_TEST_IDS = exports.TEST_IDS = exports.SIZE = void 0;
+exports.SIZE = {
+  S: 's',
+  M: 'm',
+  L: 'l'
+};
+exports.TEST_IDS = {
+  main: 'search',
+  decorator: 'search__decorator',
+  droplist: 'search__droplist',
+  option: 'search__option'
+};
+exports.PRIVATE_SEARCH_TEST_IDS = {
+  field: 'search__field',
+  input: 'search__field-input',
+  iconSun: 'search__icon-sun',
+  iconSearch: 'search__icon-search',
+  buttonClearValue: 'button-clear-value'
+};

package/dist/cjs/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./components"), exports);

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/esm/components/Search/Search.d.ts

@@ -0,0 +1,18 @@
+import { SearchPrivateProps } from '@snack-uikit/search-private';
+import { SearchAutocompleteProps } from '../SearchAutocomplete';
+export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown' | 'tabIndex'> & {
+    /** Внешний бордер */
+    outline?: boolean;
+} & ((Pick<SearchAutocompleteProps, 'options'> & {
+    /**
+     * Работа в режиме Autocomplete в значении true
+     *
+     * Работа в режиме FieldText в значении false | undefined
+     */
+    autocomplete: true;
+}) | {
+    autocomplete?: false;
+    /** В режиме FieldText options отсутсвуют */
+    options?: never;
+});
+export declare const Search: import("react").ForwardRefExoticComponent<SearchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/SearchAutocomplete/SearchAutocomplete.d.ts

@@ -0,0 +1,22 @@
+import { BaseItemProps } from '@snack-uikit/list';
+import { SearchPrivateProps } from '@snack-uikit/search-private';
+export type SearchAutocompleteProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+    /**
+     * Элементы выпадающие в Droplist в режиме Autocomplete.
+     *
+     * На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit.
+     */
+    options: BaseItemProps[];
+    /** Внешний бордер */
+    outline?: boolean;
+};
+export declare const SearchAutocomplete: import("react").ForwardRefExoticComponent<Omit<SearchPrivateProps, "onKeyDown"> & {
+    /**
+     * Элементы выпадающие в Droplist в режиме Autocomplete.
+     *
+     * На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit.
+     */
+    options: BaseItemProps[];
+    /** Внешний бордер */
+    outline?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/SearchAutocomplete/index.js

@@ -0,0 +1 @@
+export * from './SearchAutocomplete';

package/dist/esm/components/SearchAutocomplete/styles.module.css

@@ -0,0 +1,12 @@
+.wrap{
+  display:flex;
+  flex-grow:1;
+  width:100%;
+  min-width:0;
+}
+
+.triggerClassName{
+  --offset:var(--space-drop-list-drop-offset, 4px);
+  display:flex;
+  flex-grow:1;
+}

package/dist/esm/components/SearchDecorator/SearchDecorator.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { SearchProps } from '../Search';
+export type SearchDecoratorProps = WithSupportProps<{
+    children: ReactNode;
+    focused?: boolean;
+    className?: string;
+} & Pick<SearchProps, 'outline' | 'size'>>;
+export declare function SearchDecorator({ children, outline, size, focused, className, ...rest }: SearchDecoratorProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SearchDecorator/index.js

@@ -0,0 +1 @@
+export * from './SearchDecorator';

package/dist/esm/components/SearchDecorator/styles.module.css

@@ -0,0 +1,47 @@
+.decorator{
+  display:flex;
+  flex-grow:1;
+  align-items:center;
+  box-sizing:border-box;
+  width:100%;
+  min-width:0;
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-color:transparent;
+  border-style:solid;
+}
+.decorator[data-size=s]{
+  height:var(--size-search-s, 32px);
+  border-radius:var(--radius-search-s, 12px);
+  border-width:var(--border-width-search-single, 2px);
+  padding-left:var(--space-search-container-s, 6px);
+  padding-right:var(--space-search-container-s, 6px);
+}
+.decorator[data-size=m]{
+  height:var(--size-search-m, 40px);
+  border-radius:var(--radius-search-m, 14px);
+  border-width:var(--border-width-search-single, 2px);
+  padding-left:var(--space-search-container-m, 8px);
+  padding-right:var(--space-search-container-m, 8px);
+}
+.decorator[data-size=l]{
+  height:var(--size-search-l, 48px);
+  border-radius:var(--radius-search-l, 16px);
+  border-width:var(--border-width-search-single, 2px);
+  padding-left:var(--space-search-container-l, 10px);
+  padding-right:var(--space-search-container-l, 10px);
+}
+.decorator[data-outline]{
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+}
+.decorator:hover{
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-primary-decor-hovered, #decdfb);
+}
+.decorator:focus-within, .decorator[data-focused]{
+  outline-width:var(--border-state-focus-m-border-width, 3px);
+  outline-style:var(--border-state-focus-m-border-style, solid);
+  outline-color:var(--border-state-focus-m-border-color, );
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-primary-accent-default, #794ed3);
+  outline-color:var(--sys-primary-decor-activated, #c5b2f1);
+}

package/dist/esm/components/SearchFieldText/SearchFieldText.d.ts

@@ -0,0 +1,9 @@
+import { SearchPrivateProps } from '@snack-uikit/search-private';
+export type SearchTextFieldProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+    /** Внешний бордер */
+    outline?: boolean;
+};
+export declare const SearchFieldText: import("react").ForwardRefExoticComponent<Omit<SearchPrivateProps, "onKeyDown"> & {
+    /** Внешний бордер */
+    outline?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/SearchFieldText/index.js

@@ -0,0 +1 @@
+export * from './SearchFieldText';

package/dist/esm/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Search';

package/dist/esm/components/index.js

@@ -0,0 +1 @@
+export * from './Search';

package/dist/esm/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const SIZE: {
+    readonly S: "s";
+    readonly M: "m";
+    readonly L: "l";
+};
+export declare const TEST_IDS: {
+    main: string;
+    decorator: string;
+    droplist: string;
+    option: string;
+};
+export declare const PRIVATE_SEARCH_TEST_IDS: {
+    field: string;
+    input: string;
+    iconSun: string;
+    iconSearch: string;
+    buttonClearValue: string;
+};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/types.d.ts

@@ -0,0 +1,3 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { SIZE } from './constants';
+export type Size = ValueOf<typeof SIZE>;

package/package.json

@@ -4,15 +4,18 @@
     "access": "public"
   },
   "title": "Search",
-  "version": "0.8.27",
+  "version": "0.8.28-preview-ba12ca94.0",
   "sideEffects": [
     "*.css",
     "*.woff",
     "*.woff2"
   ],
   "description": "Search",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    "import": "./dist/esm/index.js",
+    "require": "./dist/cjs/index.js"
+  },
   "homepage": "https://github.com/cloud-ru-tech/snack-uikit/tree/master/packages/search",
   "repository": {
     "type": "git",
@@ -24,7 +27,8 @@
     "Nikita Ershov <niershov@cloud.ru>"
   ],
   "files": [
-    "dist",
+    "dist/cjs",
+    "dist/esm",
     "src",
     "./CHANGELOG.md",
     "./LICENSE"
@@ -32,14 +36,14 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/list": "0.18.0",
-    "@snack-uikit/search-private": "0.2.5",
-    "@snack-uikit/utils": "3.4.0",
+    "@snack-uikit/list": "0.18.1-preview-ba12ca94.0",
+    "@snack-uikit/search-private": "0.2.6-preview-ba12ca94.0",
+    "@snack-uikit/utils": "3.4.1-preview-ba12ca94.0",
     "classnames": "2.3.2",
     "merge-refs": "1.0.0"
   },
   "devDependencies": {
     "@types/merge-refs": "1.0.0"
   },
-  "gitHead": "a80c5b606728e51dd8470bf622cbab4f4b6fe337"
+  "gitHead": "9ac0a3e5e530c09fa4dc050f9bc08d1849962129"
 }