@sima-land/ui-nucleons 45.0.0-alpha.51 → 45.0.0-alpha.53

package/dist/button/button-util.scss

@@ -22,7 +22,7 @@
 }
 
 @mixin color-primary {
-  --button-color: #fff;
+  --button-color: #{colors.$basic-white};
   --button-background: #{colors.$basic-blue};
   --button-hover-background: #{colors.$additional-unlit-blue};
   --button-disabled-color: #{colors.$basic-gray24};
@@ -38,7 +38,7 @@
 }
 
 @mixin color-success {
-  --button-color: #fff;
+  --button-color: #{colors.$basic-white};
   --button-background: #{colors.$additional-teal};
   --button-hover-background: #{colors.$additional-dark-teal};
   --button-disabled-color: #{colors.$basic-gray24};

package/dist/button/button.js

@@ -15,10 +15,10 @@ const cx = bind_1.default.bind(button_m_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-exports.Button = (0, react_1.forwardRef)(function Button({ viewType = 'primary', icon: Icon, iconPosition = 'start', size = 'm', loading, disabled, className, children, 'data-testid': testId = 'button', ...restProps }, ref) {
+exports.Button = (0, react_1.forwardRef)(function Button({ viewType = 'primary', theme = 'light', icon: Icon, iconPosition = 'start', size = 'm', loading, disabled, className, children, 'data-testid': testId = 'button', ...restProps }, ref) {
     const hasIcon = Boolean(Icon);
     const hasText = Boolean(children);
-    const rootClassName = cx('root', `size-${size}`, viewType !== 'unset' && `view-${viewType}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
+    const rootClassName = cx('root', `size-${size}`, viewType !== 'unset' && `view-${viewType}`, theme !== 'unset' && `theme-${theme}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
     const spinnerColor = (0, react_1.useMemo)(() => {
         if (disabled) {
             return 'basic-gray38';

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"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"}

package/dist/button/button.m.scss

@@ -88,18 +88,38 @@
 // view variants
 .view-primary {
   @include button-util.color-primary;
+  &.theme-dark {
+    --button-hover-background: #{colors.$additional-deep-blue};
+    --button-disabled-background: #{colors.$basic-gray76};
+    --button-disabled-color: #{colors.$basic-gray54};
+  }
 }
 
 .view-secondary {
   @include button-util.color-secondary;
+  &.theme-dark {
+    --button-color: #{colors.$basic-white};
+    --button-background: #{colors.$basic-gray76};
+    --button-hover-background: #{colors.$basic-gray66};
+    --button-disabled-background: #{colors.$basic-gray76};
+    --button-disabled-color: #{colors.$basic-gray54};
+  }
 }
 
 .view-success {
   @include button-util.color-success;
+  &.theme-dark {
+    --button-disabled-background: #{colors.$basic-gray76};
+    --button-disabled-color: #{colors.$basic-gray54};
+  }
 }
 
 .view-info {
   @include button-util.color-info;
+  &.theme-dark {
+    --button-disabled-background: #{colors.$basic-gray76};
+    --button-disabled-color: #{colors.$basic-gray54};
+  }
 }
 
 // icons

package/dist/button/types.d.ts

@@ -1,5 +1,5 @@
 import type { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ElementType, HTMLAttributes, SVGAttributes } from 'react';
-import type { WithTestId } from '../types';
+import type { Theme, WithTestId } from '../types';
 export type ButtonSize = 'xs' | 's' | 'm';
 export type ButtonViewType = 'primary' | 'secondary' | 'success' | 'info' | 'unset';
 export type ButtonAppearance = 'button' | 'link' | 'container';
@@ -12,9 +12,11 @@ export interface ButtonStyle extends CSSProperties {
     '--button-disabled-color'?: string;
     '--button-disabled-background'?: string;
 }
-interface CommonProps<T extends ButtonAppearance = ButtonAppearance> extends WithTestId {
+export interface CommonProps<T extends ButtonAppearance = ButtonAppearance> extends WithTestId {
     /** Определяет внешний вид кнопки. */
     viewType?: ButtonViewType;
+    /** Тема. */
+    theme?: Theme;
     /** Определяет тип корневого элемента. */
     appearance?: T;
     /** Иконка. */

package/dist/dropdown/utils.d.ts

@@ -2,9 +2,12 @@ import { RefObject } from 'react';
 import { autoUpdate, UseFloatingReturn } from '@floating-ui/react';
 /**
  * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
  * @return Конфигурация для `useFloating` по дизайн-гайдам.
  */
-export declare function dropdownFloatingConfig(): {
+export declare function dropdownFloatingConfig(options?: {
+    offset?: number;
+}): {
     whileElementsMounted: typeof autoUpdate;
     placement: "bottom-start";
     middleware: {

package/dist/dropdown/utils.js

@@ -10,13 +10,15 @@ const context_1 = require("../context");
 const helpers_1 = require("../helpers");
 /**
  * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
  * @return Конфигурация для `useFloating` по дизайн-гайдам.
  */
-function dropdownFloatingConfig() {
+function dropdownFloatingConfig(options) {
     return {
         whileElementsMounted: react_2.autoUpdate,
         placement: 'bottom-start',
         middleware: [
+            (0, react_2.offset)(options?.offset ?? 0),
             // @todo в будущем с дизайнерами можем решить использовать autoPlacement
             // но есть сложности: https://github.com/floating-ui/floating-ui/discussions/2155
             (0, react_2.flip)({

package/dist/dropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/dropdown/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/dropdown/utils.ts"],"names":[],"mappings":"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"}

package/dist/hooks/use-breakpoint/index.d.ts

@@ -11,7 +11,7 @@ export declare function BreakpointProvider({ children }: {
 /**
  * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
  * @param query Запрос, например "xs+".
- * @param initialMatch Начальное значение соответствия медиа-запросу при первом рендере в браузере.
+ * @param initialMatch Начальное значение соответствия медиа-запросу при первом рендере.
  * @return Соответствует ли ширина экрана заданному запросу.
  */
 export declare function useBreakpoint(query: string, initialMatch?: boolean): boolean;

package/dist/hooks/use-breakpoint/index.js

@@ -26,7 +26,7 @@ function BreakpointProvider({ children }) {
 /**
  * Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
  * @param query Запрос, например "xs+".
- * @param initialMatch Начальное значение соответствия медиа-запросу при первом рендере в браузере.
+ * @param initialMatch Начальное значение соответствия медиа-запросу при первом рендере.
  * @return Соответствует ли ширина экрана заданному запросу.
  */
 function useBreakpoint(query, initialMatch) {
@@ -36,9 +36,9 @@ function useBreakpoint(query, initialMatch) {
     const { matchMedia } = (0, react_1.useContext)(context_1.MatchMediaContext);
     const [, setRegistry] = (0, react_1.useState)(null);
     const registryFromContext = (0, react_1.useContext)(Context);
-    const browserMatches = initialMatch ?? matchMedia(utils_1.BreakpointQuery.toMediaQuery(query)).matches;
-    const defaultInitialMatch = (0, helpers_1.isBrowser)() ? browserMatches : false;
-    const [matches, setMatches] = (0, react_1.useState)(initialMatch ?? defaultInitialMatch);
+    const [matches, setMatches] = (0, react_1.useState)((0, helpers_1.isBrowser)()
+        ? (initialMatch ?? matchMedia(utils_1.BreakpointQuery.toMediaQuery(query)).matches)
+        : (initialMatch ?? false));
     (0, __1.useIsomorphicLayoutEffect)(() => {
         let registry;
         if (registryFromContext) {

package/dist/hooks/use-breakpoint/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint/index.tsx"],"names":[],"mappings":";;AAeA,gDAUC;AAQD,sCAoCC;;AArED,iCAAuE;AACvE,0BAA+C;AAC/C,2CAA0C;AAE1C,mCAA0D;AAC1D,2CAAkD;AAElD,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAkB,IAAI,CAAC,CAAC;AAErD;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IAEpE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAA,mBAAS,GAAE,IAAI,WAAW,CAAC,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,uBAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAoB,CAAC;AAC9E,CAAC;AAED;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,KAAa,EAAE,YAAsB;IACjE,IAAI,CAAC,uBAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,CAAC,kCAAkC,KAAK,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,cAAc,GAAG,YAAY,IAAI,UAAU,CAAC,uBAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/F,MAAM,mBAAmB,GAAG,IAAA,mBAAS,GAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,YAAY,IAAI,mBAAmB,CAAC,CAAC;IAErF,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,QAAkB,CAAC;QAEvB,IAAI,mBAAmB,EAAE,CAAC;YACxB,QAAQ,GAAG,mBAAmB,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC;QAC5C,CAAC;QAED,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAEjC,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE;YACjD,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint/index.tsx"],"names":[],"mappings":";;AAeA,gDAUC;AAQD,sCAqCC;;AAtED,iCAAuE;AACvE,0BAA+C;AAC/C,2CAA0C;AAE1C,mCAA0D;AAC1D,2CAAkD;AAElD,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAkB,IAAI,CAAC,CAAC;AAErD;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IAEpE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAA,mBAAS,GAAE,IAAI,WAAW,CAAC,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,uBAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAoB,CAAC;AAC9E,CAAC;AAED;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,KAAa,EAAE,YAAsB;IACjE,IAAI,CAAC,uBAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,MAAM,KAAK,CAAC,kCAAkC,KAAK,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAiB,CAAC,CAAC;IAErD,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAkB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EACpC,IAAA,mBAAS,GAAE;QACT,CAAC,CAAC,CAAC,YAAY,IAAI,UAAU,CAAC,uBAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;QAC3E,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAC5B,CAAC;IAEF,IAAA,6BAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,QAAkB,CAAC;QAEvB,IAAI,mBAAmB,EAAE,CAAC;YACxB,QAAQ,GAAG,mBAAmB,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,IAAA,sBAAc,EAAC,EAAE,UAAU,EAAE,CAAC,CAAC;QAC5C,CAAC;QAED,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAEjC,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE;YACjD,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/select/index.d.ts

@@ -2,3 +2,5 @@ export type { SelectProps, SelectStyle } from './types';
 export { Select } from './select';
 export { SelectFieldBlock } from './parts/field-block';
 export { SelectTextButton } from './parts/text-button';
+export { SelectButton } from './parts/button';
+export { SelectIcon } from './parts/icon';

package/dist/select/index.js

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectTextButton = exports.SelectFieldBlock = exports.Select = void 0;
+exports.SelectIcon = exports.SelectButton = exports.SelectTextButton = exports.SelectFieldBlock = exports.Select = void 0;
 var select_1 = require("./select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
 var field_block_1 = require("./parts/field-block");
 Object.defineProperty(exports, "SelectFieldBlock", { enumerable: true, get: function () { return field_block_1.SelectFieldBlock; } });
 var text_button_1 = require("./parts/text-button");
 Object.defineProperty(exports, "SelectTextButton", { enumerable: true, get: function () { return text_button_1.SelectTextButton; } });
+var button_1 = require("./parts/button");
+Object.defineProperty(exports, "SelectButton", { enumerable: true, get: function () { return button_1.SelectButton; } });
+var icon_1 = require("./parts/icon");
+Object.defineProperty(exports, "SelectIcon", { enumerable: true, get: function () { return icon_1.SelectIcon; } });
 //# sourceMappingURL=index.js.map

package/dist/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA;AACzB,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA;AACzB,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA;AACzB,yCAA8C;AAArC,sGAAA,YAAY,OAAA;AACrB,qCAA0C;AAAjC,kGAAA,UAAU,OAAA"}

package/dist/select/parts/button.d.ts

@@ -0,0 +1,8 @@
+/**
+ * "Открывашка" для Select в виде кнопки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare const SelectButton: import("react").ForwardRefExoticComponent<import("../../button/types").CommonProps<import("../../button").ButtonAppearance> & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, keyof import("../../button/types").CommonProps<import("../../button").ButtonAppearance>> & {
+    appearance?: "button";
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/select/parts/button.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const button_1 = require("../../button");
+const helpers_1 = require("../../helpers");
+/**
+ * "Открывашка" для Select в виде кнопки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+exports.SelectButton = (0, react_1.forwardRef)(function SelectButton({ children, onMouseDown, onKeyDown, ...restProps }, ref) {
+    const { selectProps, currentValue, menuOpen, setMenuOpen, setOpenerElement, setAnchorElement } = (0, react_1.useContext)(utils_1.SelectContext);
+    const { label, disabled, renderValue = v => v } = selectProps;
+    const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([ref, setOpenerElement, setAnchorElement]), [ref, setOpenerElement, setAnchorElement]);
+    const handleMouseDown = (0, react_1.useCallback)(event => {
+        onMouseDown?.(event);
+        if (disabled || event.defaultPrevented) {
+            return;
+        }
+        // ВАЖНО: предотвращаем фокус
+        !menuOpen && event.preventDefault();
+        setMenuOpen(a => !a);
+    }, [onMouseDown, disabled, menuOpen, setMenuOpen]);
+    const handleKeyDown = (0, react_1.useCallback)(event => {
+        onKeyDown?.(event);
+        if (disabled || event.defaultPrevented) {
+            return;
+        }
+        switch (event.code) {
+            case 'Enter':
+            case 'ArrowUp':
+            case 'ArrowDown':
+                setMenuOpen(true);
+                break;
+        }
+    }, [onKeyDown, disabled, setMenuOpen]);
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, { ...restProps, ref: mergedRef, disabled: disabled, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, children: children ?? (renderValue(currentValue) || label) }));
+});
+//# sourceMappingURL=button.js.map

package/dist/select/parts/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;AAAA,iCAOe;AACf,oCAAyC;AACzC,yCAAmD;AACnD,2CAA0C;AAI1C;;;;GAIG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EAAuC,SAAS,YAAY,CAChG,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAClD,GAAG;IAEH,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAC5F,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE5B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC;IAE9D,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAoB,CAAC,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,EAC7E,CAAC,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAC1C,CAAC;IAEF,MAAM,eAAe,GAAyC,IAAA,mBAAW,EACvE,KAAK,CAAC,EAAE;QACN,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,6BAA6B;QAC7B,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QAEpC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAC/C,CAAC;IAEF,MAAM,aAAa,GAA4C,IAAA,mBAAW,EACxE,KAAK,CAAC,EAAE;QACN,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QAEnB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,OAAO,CAAC;YACb,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBACd,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAM,OACD,SAAS,EACb,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,YAEvB,QAAQ,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,GAC1C,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/select/parts/icon.d.ts

@@ -0,0 +1,11 @@
+import { ElementType, SVGAttributes } from 'react';
+export interface SelectIconProps extends SVGAttributes<SVGSVGElement> {
+    /** Компонент иконки. */
+    icon: ElementType<SVGAttributes<SVGSVGElement>>;
+}
+/**
+ * "Открывашка" для Select в виде простой иконки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SelectIcon({ icon: Icon, ...restProps }: SelectIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/select/parts/icon.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectIcon = SelectIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const helpers_1 = require("../../helpers");
+const icon_m_scss_1 = __importDefault(require("./icon.m.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+/**
+ * "Открывашка" для Select в виде простой иконки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SelectIcon({ icon: Icon, ...restProps }) {
+    const { selectProps, menuOpen, setMenuOpen, setOpenerElement, setAnchorElement } = (0, react_1.useContext)(utils_1.SelectContext);
+    const { disabled, failed } = selectProps;
+    const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([setOpenerElement, setAnchorElement]), [setOpenerElement, setAnchorElement]);
+    const handleClick = (0, react_1.useCallback)((event) => {
+        restProps.onClick?.(event);
+        if (disabled || event.defaultPrevented)
+            return;
+        setMenuOpen(!menuOpen);
+    }, [restProps.onClick, disabled, menuOpen]);
+    return ((0, jsx_runtime_1.jsx)(Icon, { ...restProps, ref: mergedRef, className: (0, classnames_1.default)(icon_m_scss_1.default.icon, {
+            [icon_m_scss_1.default.disabled]: disabled,
+            [icon_m_scss_1.default.failed]: failed,
+        }), onClick: handleClick }));
+}
+//# sourceMappingURL=icon.js.map

package/dist/select/parts/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/select/parts/icon.tsx"],"names":[],"mappings":";;;;;AAwBA,gCA+BC;;AAvDD,iCAQe;AACf,oCAAyC;AACzC,2CAA0C;AAC1C,gEAAmC;AACnC,4DAA4B;AAO5B;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,SAAS,EAAmB;IACtE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAC9E,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IAEzC,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAuB,EACxF,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CACrC,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAgC,EAAE,EAAE;QACnC,SAAS,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QAC/C,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACxC,CAAC;IAEF,OAAO,CACL,uBAAC,IAAI,OACC,SAAS,EACb,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,qBAAM,CAAC,IAAI,EAAE;YACzB,CAAC,qBAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,qBAAM,CAAC,MAAM,CAAC,EAAE,MAAM;SACxB,CAAC,EACF,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC"}

package/dist/select/parts/icon.m.scss

@@ -0,0 +1,17 @@
+@use '../../colors';
+
+.icon {
+  cursor: pointer;
+  color: var(--select-icon-color);
+  fill: currentColor;
+  --select-icon-color: #{colors.$basic-gray87};
+}
+
+.icon.disabled {
+  cursor: default;
+  --select-icon-color: #{colors.$basic-gray24};
+}
+
+.icon.failed {
+  --select-icon-color: #{colors.$additional-deep-red};
+}

package/dist/select/select.js

@@ -9,6 +9,8 @@ const menu_1 = require("./parts/menu");
 const react_2 = require("@floating-ui/react");
 const dropdown_1 = require("../dropdown");
 const hooks_1 = require("../hooks");
+const text_button_1 = require("./parts/text-button");
+const icon_1 = require("./parts/icon");
 /**
  * Поле выбора из списка.
  * @param props Свойства.
@@ -16,13 +18,20 @@ const hooks_1 = require("../hooks");
  */
 function Select(props) {
     const { opener = (0, jsx_runtime_1.jsx)(field_block_1.SelectFieldBlock, {}), menu = (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, {}), value, defaultValue, onValueChange, } = props;
+    const offsetValue = (0, react_1.useMemo)(() => {
+        const type = opener.type;
+        return type === text_button_1.SelectTextButton || type === icon_1.SelectIcon ? 4 : 0;
+    }, [opener]);
     // @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
     const [currentValue, setCurrentValue] = (0, react_1.useState)(() => value ?? defaultValue ?? '');
     const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
     const [openerElement, setOpenerElement] = (0, react_1.useState)(null);
     const [anchorElement, setAnchorElement] = (0, react_1.useState)(null);
     const [menuElement, setMenuElement] = (0, react_1.useState)(null);
-    const menuFloating = (0, react_2.useFloating)({ open: menuOpen, ...(0, dropdown_1.dropdownFloatingConfig)() });
+    const menuFloating = (0, react_2.useFloating)({
+        open: menuOpen,
+        ...(0, dropdown_1.dropdownFloatingConfig)({ offset: offsetValue }),
+    });
     const { setReference, setFloating } = menuFloating.refs;
     const menuFloatingStyle = (0, dropdown_1.useDropdownFloatingStyle)(menuFloating);
     (0, hooks_1.useIsomorphicLayoutEffect)(() => {

package/dist/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}

package/dist/types/index.d.ts

@@ -16,3 +16,4 @@ export interface FieldProps {
 /** Свойства компонента поля переключателя (input[type="checkbox"]). */
 export interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>, FieldProps, WithTestId {
 }
+export type Theme = 'light' | 'dark' | 'unset';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sima-land/ui-nucleons",
   "type": "commonjs",
-  "version": "45.0.0-alpha.51",
+  "version": "45.0.0-alpha.53",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
   "engines": {
@@ -31,7 +31,7 @@
     "focus-trap": "^7.2.0",
     "overlayscrollbars": "^2.8.0",
     "overlayscrollbars-react": "^0.5.6",
-    "react-transition-state": "^2.1.2",
+    "react-transition-state": "^2.3.3",
     "redux": "^4.2.0"
   },
   "devDependencies": {