npm - @alfalab/core-components-picker-button - Versions diffs - 11.0.0 → 11.0.2 - Mend

@alfalab/core-components-picker-button 11.0.0 → 11.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

package/{Component-89a3cf4c.d.ts → Component-50136800.d.ts} +1 -1
package/Component-5e1b8383.d.ts +1 -1
package/{cssm/Component-e81c389f.d.ts → Component-c76d6398.d.ts} +1 -1
package/Component.desktop.js +1 -1
package/Component.mobile-f1f15074.d.ts +1 -1
package/Component.modal.mobile-5e1b8383.d.ts +1 -1
package/{cssm/component-89a3cf4c.d.ts → component-50136800.d.ts} +2 -2
package/createPaddingStyle-72dda473.d.ts +5 -0
package/{esm/Component-89a3cf4c.d.ts → cssm/Component-50136800.d.ts} +1 -1
package/cssm/Component-5e1b8383.d.ts +1 -1
package/{Component-e81c389f.d.ts → cssm/Component-c76d6398.d.ts} +1 -1
package/cssm/Component.mobile-f1f15074.d.ts +1 -1
package/cssm/Component.modal.mobile-5e1b8383.d.ts +1 -1
package/{esm/component-89a3cf4c.d.ts → cssm/component-50136800.d.ts} +2 -2
package/cssm/createPaddingStyle-72dda473.d.ts +5 -0
package/cssm/field/Component.js +5 -3
package/cssm/field/index.module.css +4 -1
package/cssm/index-50136800.d.ts +8 -0
package/{esm/index-425c8522.d.ts → cssm/index-72dda473.d.ts} +7 -1
package/cssm/index-c76d6398.d.ts +2 -0
package/cssm/index-ebda875c.d.ts +1 -1
package/cssm/index-f12ee135.d.ts +2 -2
package/cssm/{types-425c8522.d.ts → types-72dda473.d.ts} +2 -2
package/{modern/Component-89a3cf4c.d.ts → esm/Component-50136800.d.ts} +1 -1
package/esm/Component-5e1b8383.d.ts +1 -1
package/esm/{Component-e81c389f.d.ts → Component-c76d6398.d.ts} +1 -1
package/esm/Component.desktop.js +1 -1
package/esm/Component.mobile-f1f15074.d.ts +1 -1
package/esm/Component.modal.mobile-5e1b8383.d.ts +1 -1
package/{component-89a3cf4c.d.ts → esm/component-50136800.d.ts} +2 -2
package/esm/createPaddingStyle-72dda473.d.ts +5 -0
package/esm/field/Component.js +6 -4
package/esm/field/index.css +9 -6
package/esm/index-50136800.d.ts +8 -0
package/{cssm/index-425c8522.d.ts → esm/index-72dda473.d.ts} +7 -1
package/esm/index-c76d6398.d.ts +2 -0
package/esm/index-ebda875c.d.ts +1 -1
package/esm/index-f12ee135.d.ts +2 -2
package/esm/index.css +5 -5
package/esm/option/Component.js +1 -1
package/esm/option/index.css +4 -4
package/esm/{types-425c8522.d.ts → types-72dda473.d.ts} +2 -2
package/field/Component.js +6 -4
package/field/index.css +9 -6
package/index-50136800.d.ts +8 -0
package/{index-425c8522.d.ts → index-72dda473.d.ts} +7 -1
package/index-c76d6398.d.ts +2 -0
package/index-ebda875c.d.ts +1 -1
package/index-f12ee135.d.ts +2 -2
package/index.css +5 -5
package/{cssm/Component-89a3cf4c.d.ts → modern/Component-50136800.d.ts} +1 -1
package/modern/Component-5e1b8383.d.ts +1 -1
package/modern/{Component-e81c389f.d.ts → Component-c76d6398.d.ts} +1 -1
package/modern/Component.desktop.js +1 -1
package/modern/Component.mobile-f1f15074.d.ts +1 -1
package/modern/Component.modal.mobile-5e1b8383.d.ts +1 -1
package/modern/{component-89a3cf4c.d.ts → component-50136800.d.ts} +2 -2
package/modern/createPaddingStyle-72dda473.d.ts +5 -0
package/modern/field/Component.js +4 -2
package/modern/field/index.css +9 -6
package/modern/index-50136800.d.ts +8 -0
package/modern/{index-425c8522.d.ts → index-72dda473.d.ts} +7 -1
package/modern/index-c76d6398.d.ts +2 -0
package/modern/index-ebda875c.d.ts +1 -1
package/modern/index-f12ee135.d.ts +2 -2
package/modern/index.css +5 -5
package/modern/option/Component.js +1 -1
package/modern/option/index.css +4 -4
package/modern/{types-425c8522.d.ts → types-72dda473.d.ts} +2 -2
package/option/Component.js +1 -1
package/option/index.css +4 -4
package/package.json +3 -3
package/src/field/Component.tsx +3 -1
package/src/field/index.module.css +4 -0
package/{types-425c8522.d.ts → types-72dda473.d.ts} +2 -2
package/cssm/index-89a3cf4c.d.ts +0 -3
package/cssm/index-e81c389f.d.ts +0 -3
package/esm/index-89a3cf4c.d.ts +0 -3
package/esm/index-e81c389f.d.ts +0 -3
package/index-89a3cf4c.d.ts +0 -3
package/index-e81c389f.d.ts +0 -3
package/modern/index-89a3cf4c.d.ts +0 -3
package/modern/index-e81c389f.d.ts +0 -3
/package/cssm/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} +0 -0
/package/esm/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} +0 -0
/package/modern/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} +0 -0
/package/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} +0 -0

package/{Component-89a3cf4c.d.ts → Component-50136800.d.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/Component-5e1b8383.d.ts CHANGED Viewed

@@ -61,7 +61,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/{cssm/Component-e81c389f.d.ts → Component-c76d6398.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/Component.desktop.js CHANGED Viewed

@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles = {"container":"picker-button__container_1dqr7","optionsPopover":"picker-button__optionsPopover_1dqr7","sideGap":"picker-button__sideGap_1dqr7","option":"picker-button__option_1dqr7"};
+var styles = {"container":"picker-button__container_6uojz","optionsPopover":"picker-button__optionsPopover_6uojz","sideGap":"picker-button__sideGap_6uojz","option":"picker-button__option_6uojz"};
 require('./index.css')
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/Component.mobile-f1f15074.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 export { Content, FooterProps, Footer, ModalMobile };

package/Component.modal.mobile-5e1b8383.d.ts CHANGED Viewed

@@ -42,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */

package/{cssm/component-89a3cf4c.d.ts → component-50136800.d.ts} RENAMED Viewed

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/createPaddingStyle-72dda473.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+export { createPaddingStyle };

package/{esm/Component-89a3cf4c.d.ts → cssm/Component-50136800.d.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/cssm/Component-5e1b8383.d.ts CHANGED Viewed

@@ -61,7 +61,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/{Component-e81c389f.d.ts → cssm/Component-c76d6398.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/cssm/Component.mobile-f1f15074.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 export { Content, FooterProps, Footer, ModalMobile };

package/cssm/Component.modal.mobile-5e1b8383.d.ts CHANGED Viewed

@@ -42,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */

package/{esm/component-89a3cf4c.d.ts → cssm/component-50136800.d.ts} RENAMED Viewed

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/cssm/createPaddingStyle-72dda473.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+export { createPaddingStyle };

package/cssm/field/Component.js CHANGED Viewed

@@ -20,8 +20,8 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Field = function (_a) {
-    var _b;
-    var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _e = _a.showArrow, showArrow = _e === void 0 ? true : _e; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
+    var _b, _c;
+    var _d = _a.buttonSize, buttonSize = _d === void 0 ? 'm' : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
     var Icon = utils_index.getIcon(buttonVariant, buttonSize);
     var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
     var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
@@ -31,7 +31,9 @@ var Field = function (_a) {
                         _b[styles__default.default.showControlIcon] = showArrow || buttonVariant === 'compact',
                         _b)) }, rightAddons)),
                 (showArrow || buttonVariant === 'compact') && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.iconContainer, buttonVariant !== 'compact' && open && styles__default.default.open) },
-                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(styles__default.default.component, view === 'primary' && styles__default.default.primary, className) }), buttonVariant !== 'compact' && label)));
+                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(className, (_c = {},
+                _c[styles__default.default.linkOpen] = view === 'link' && open,
+                _c)) }), buttonVariant !== 'compact' && label)));
 };
 exports.Field = Field;

package/cssm/field/index.module.css CHANGED Viewed

@@ -1,5 +1,6 @@
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -24,4 +25,6 @@
         margin-right: var(--gap-2xs);
     } .open {
     transform: var(--arrow-transform);
+} .linkOpen:not(:hover) {
+    background-color: var(--color-light-specialbg-secondary-transparent);
 }

package/cssm/index-50136800.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, easingFns };
+export * from "./createPaddingStyle-72dda473";

package/{esm/index-425c8522.d.ts → cssm/index-72dda473.d.ts} RENAMED Viewed

@@ -3,4 +3,10 @@ type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' |
 type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
 type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
 type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/cssm/index-c76d6398.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./Component-50136800";
2	+ export type { NavigationBarProps } from "./types-83e2bd9e";

package/cssm/index-ebda875c.d.ts CHANGED Viewed

@@ -71,7 +71,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
     }> | ReactElement;
-    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;

package/cssm/index-f12ee135.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from "./component-89a3cf4c";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
+export * from "./component-50136800";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/cssm/{types-425c8522.d.ts → types-72dda473.d.ts} RENAMED Viewed

@@ -2,8 +2,8 @@
 import { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
+import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**

package/{modern/Component-89a3cf4c.d.ts → esm/Component-50136800.d.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/esm/Component-5e1b8383.d.ts CHANGED Viewed

@@ -61,7 +61,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/esm/{Component-e81c389f.d.ts → Component-c76d6398.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/esm/Component.desktop.js CHANGED Viewed

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
-var styles = {"container":"picker-button__container_1dqr7","optionsPopover":"picker-button__optionsPopover_1dqr7","sideGap":"picker-button__sideGap_1dqr7","option":"picker-button__option_1dqr7"};
+var styles = {"container":"picker-button__container_6uojz","optionsPopover":"picker-button__optionsPopover_6uojz","sideGap":"picker-button__sideGap_6uojz","option":"picker-button__option_6uojz"};
 require('./index.css')
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/esm/Component.mobile-f1f15074.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 export { Content, FooterProps, Footer, ModalMobile };

package/esm/Component.modal.mobile-5e1b8383.d.ts CHANGED Viewed

@@ -42,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */

package/{component-89a3cf4c.d.ts → esm/component-50136800.d.ts} RENAMED Viewed

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/esm/createPaddingStyle-72dda473.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+export { createPaddingStyle };

package/esm/field/Component.js CHANGED Viewed

@@ -8,12 +8,12 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
-var styles = {"iconContainer":"picker-button__iconContainer_z7q5q","addonsContainer":"picker-button__addonsContainer_z7q5q","showControlIcon":"picker-button__showControlIcon_z7q5q","open":"picker-button__open_z7q5q"};
+var styles = {"iconContainer":"picker-button__iconContainer_1gp9v","addonsContainer":"picker-button__addonsContainer_1gp9v","showControlIcon":"picker-button__showControlIcon_1gp9v","open":"picker-button__open_1gp9v","linkOpen":"picker-button__linkOpen_1gp9v"};
 require('./index.css')
 var Field = function (_a) {
-    var _b;
-    var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _e = _a.showArrow, showArrow = _e === void 0 ? true : _e; _a.labelView; var restProps = __rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
+    var _b, _c;
+    var _d = _a.buttonSize, buttonSize = _d === void 0 ? 'm' : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; var restProps = __rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
     var Icon = getIcon(buttonVariant, buttonSize);
     var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
     var buttonProps = __assign(__assign({}, restProps), restInnerProps);
@@ -23,7 +23,9 @@ var Field = function (_a) {
                         _b[styles.showControlIcon] = showArrow || buttonVariant === 'compact',
                         _b)) }, rightAddons)),
                 (showArrow || buttonVariant === 'compact') && (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
+                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(className, (_c = {},
+                _c[styles.linkOpen] = view === 'link' && open,
+                _c)) }), buttonVariant !== 'compact' && label)));
 };
 export { Field };

package/esm/field/index.css CHANGED Viewed

@@ -1,6 +1,7 @@
-/* hash: 1vxxg */
+/* hash: udizb */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -16,13 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_z7q5q {
+} .picker-button__iconContainer_1gp9v {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_z7q5q {
+} .picker-button__addonsContainer_1gp9v {
     display: flex
-} .picker-button__addonsContainer_z7q5q.picker-button__showControlIcon_z7q5q {
+} .picker-button__addonsContainer_1gp9v.picker-button__showControlIcon_1gp9v {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_z7q5q {
+    } .picker-button__open_1gp9v {
     transform: var(--arrow-transform);
+} .picker-button__linkOpen_1gp9v:not(:hover) {
+    background-color: var(--color-light-specialbg-secondary-transparent);
 }

package/esm/index-50136800.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, easingFns };
+export * from "./createPaddingStyle-72dda473";

package/{cssm/index-425c8522.d.ts → esm/index-72dda473.d.ts} RENAMED Viewed

@@ -3,4 +3,10 @@ type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' |
 type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
 type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
 type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/esm/index-c76d6398.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./Component-50136800";
2	+ export type { NavigationBarProps } from "./types-83e2bd9e";

package/esm/index-ebda875c.d.ts CHANGED Viewed

@@ -71,7 +71,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
     }> | ReactElement;
-    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;

package/esm/index-f12ee135.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from "./component-89a3cf4c";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
+export * from "./component-50136800";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/esm/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 5cg11 */
+/* hash: 8vwun */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1dqr7 {
+} .picker-button__container_6uojz {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1dqr7.picker-button__sideGap_1dqr7 {
+} .cc-picker-button.picker-button__optionsPopover_6uojz.picker-button__sideGap_6uojz {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1dqr7 {
+        } .cc-picker-button .picker-button__option_6uojz {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1dqr7:before {
+    } .cc-picker-button .picker-button__option_6uojz:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/esm/option/Component.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-select/esm/shared';
-var styles = {"container":"picker-button__container_n5ay9","icon":"picker-button__icon_n5ay9","content":"picker-button__content_n5ay9"};
+var styles = {"container":"picker-button__container_1s66d","icon":"picker-button__icon_1s66d","content":"picker-button__content_1s66d"};
 require('./index.css')
 var Option = function (_a) {

package/esm/option/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1g853 */
+/* hash: 1m2s8 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_n5ay9 {
+} .picker-button__container_1s66d {
     display: flex;
     align-items: center;
-} .picker-button__icon_n5ay9 {
+} .picker-button__icon_1s66d {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_n5ay9 {
+} .picker-button__content_1s66d {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/esm/{types-425c8522.d.ts → types-72dda473.d.ts} RENAMED Viewed

@@ -2,8 +2,8 @@
 import { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
+import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**

package/field/Component.js CHANGED Viewed

@@ -17,12 +17,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles = {"iconContainer":"picker-button__iconContainer_z7q5q","addonsContainer":"picker-button__addonsContainer_z7q5q","showControlIcon":"picker-button__showControlIcon_z7q5q","open":"picker-button__open_z7q5q"};
+var styles = {"iconContainer":"picker-button__iconContainer_1gp9v","addonsContainer":"picker-button__addonsContainer_1gp9v","showControlIcon":"picker-button__showControlIcon_1gp9v","open":"picker-button__open_1gp9v","linkOpen":"picker-button__linkOpen_1gp9v"};
 require('./index.css')
 var Field = function (_a) {
-    var _b;
-    var _c = _a.buttonSize, buttonSize = _c === void 0 ? 'm' : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _e = _a.showArrow, showArrow = _e === void 0 ? true : _e; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
+    var _b, _c;
+    var _d = _a.buttonSize, buttonSize = _d === void 0 ? 'm' : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
     var Icon = utils_index.getIcon(buttonVariant, buttonSize);
     var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
     var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
@@ -32,7 +32,9 @@ var Field = function (_a) {
                         _b[styles.showControlIcon] = showArrow || buttonVariant === 'compact',
                         _b)) }, rightAddons)),
                 (showArrow || buttonVariant === 'compact') && (React__default.default.createElement("span", { className: cn__default.default(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(styles.component, view === 'primary' && styles.primary, className) }), buttonVariant !== 'compact' && label)));
+                    React__default.default.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn__default.default(className, (_c = {},
+                _c[styles.linkOpen] = view === 'link' && open,
+                _c)) }), buttonVariant !== 'compact' && label)));
 };
 exports.Field = Field;

package/field/index.css CHANGED Viewed

@@ -1,6 +1,7 @@
-/* hash: 1vxxg */
+/* hash: udizb */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -16,13 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_z7q5q {
+} .picker-button__iconContainer_1gp9v {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_z7q5q {
+} .picker-button__addonsContainer_1gp9v {
     display: flex
-} .picker-button__addonsContainer_z7q5q.picker-button__showControlIcon_z7q5q {
+} .picker-button__addonsContainer_1gp9v.picker-button__showControlIcon_1gp9v {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_z7q5q {
+    } .picker-button__open_1gp9v {
     transform: var(--arrow-transform);
+} .picker-button__linkOpen_1gp9v:not(:hover) {
+    background-color: var(--color-light-specialbg-secondary-transparent);
 }

package/index-50136800.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, easingFns };
+export * from "./createPaddingStyle-72dda473";

package/{index-425c8522.d.ts → index-72dda473.d.ts} RENAMED Viewed

@@ -3,4 +3,10 @@ type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' |
 type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
 type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
 type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/index-c76d6398.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./Component-50136800";
2	+ export type { NavigationBarProps } from "./types-83e2bd9e";

package/index-ebda875c.d.ts CHANGED Viewed

@@ -71,7 +71,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
     }> | ReactElement;
-    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;

package/index-f12ee135.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from "./component-89a3cf4c";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
+export * from "./component-50136800";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 5cg11 */
+/* hash: 8vwun */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1dqr7 {
+} .picker-button__container_6uojz {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1dqr7.picker-button__sideGap_1dqr7 {
+} .cc-picker-button.picker-button__optionsPopover_6uojz.picker-button__sideGap_6uojz {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1dqr7 {
+        } .cc-picker-button .picker-button__option_6uojz {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1dqr7:before {
+    } .cc-picker-button .picker-button__option_6uojz:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/{cssm/Component-89a3cf4c.d.ts → modern/Component-50136800.d.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/modern/Component-5e1b8383.d.ts CHANGED Viewed

@@ -61,7 +61,7 @@ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectP
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */

package/modern/{Component-e81c389f.d.ts → Component-c76d6398.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 type HeaderProps = Omit<NavigationBarProps, 'size' | 'view' | 'parentRef'>;
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/modern/Component.desktop.js CHANGED Viewed

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
-const styles = {"container":"picker-button__container_1dqr7","optionsPopover":"picker-button__optionsPopover_1dqr7","sideGap":"picker-button__sideGap_1dqr7","option":"picker-button__option_1dqr7"};
+const styles = {"container":"picker-button__container_6uojz","optionsPopover":"picker-button__optionsPopover_6uojz","sideGap":"picker-button__sideGap_6uojz","option":"picker-button__option_6uojz"};
 require('./index.css')
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/modern/Component.mobile-f1f15074.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ type FooterProps = {
 declare const Footer: FC<FooterProps>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
-    Header: React.FC<import("./Component-e81c389f").HeaderProps>;
+    Header: React.FC<import("./Component-c76d6398").HeaderProps>;
     Footer: React.FC<FooterProps>;
 };
 export { Content, FooterProps, Footer, ModalMobile };

package/modern/Component.modal.mobile-5e1b8383.d.ts CHANGED Viewed

@@ -42,7 +42,7 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component-e81c389f").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */

package/modern/{component-89a3cf4c.d.ts → component-50136800.d.ts} RENAMED Viewed

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ReactNode, RefObject } from "react";
-import { NavigationBarProps } from "./index-e81c389f";
+import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-72dda473";
 type FooterProps = {
     /**
      * Контент футера

package/modern/createPaddingStyle-72dda473.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+export { createPaddingStyle };

package/modern/field/Component.js CHANGED Viewed

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
-const styles = {"iconContainer":"picker-button__iconContainer_z7q5q","addonsContainer":"picker-button__addonsContainer_z7q5q","showControlIcon":"picker-button__showControlIcon_z7q5q","open":"picker-button__open_z7q5q"};
+const styles = {"iconContainer":"picker-button__iconContainer_1gp9v","addonsContainer":"picker-button__addonsContainer_1gp9v","showControlIcon":"picker-button__showControlIcon_1gp9v","open":"picker-button__open_1gp9v","linkOpen":"picker-button__linkOpen_1gp9v"};
 require('./index.css')
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
@@ -23,7 +23,9 @@ const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open,
                         [styles.showControlIcon]: showArrow || buttonVariant === 'compact',
                     }) }, rightAddons)),
                 (showArrow || buttonVariant === 'compact') && (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }, buttonVariant !== 'compact' && label)));
+                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(className, {
+                [styles.linkOpen]: view === 'link' && open,
+            }) }, buttonVariant !== 'compact' && label)));
 };
 export { Field };

package/modern/field/index.css CHANGED Viewed

@@ -1,6 +1,7 @@
-/* hash: 1vxxg */
+/* hash: udizb */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -16,13 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_z7q5q {
+} .picker-button__iconContainer_1gp9v {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_z7q5q {
+} .picker-button__addonsContainer_1gp9v {
     display: flex
-} .picker-button__addonsContainer_z7q5q.picker-button__showControlIcon_z7q5q {
+} .picker-button__addonsContainer_1gp9v.picker-button__showControlIcon_1gp9v {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_z7q5q {
+    } .picker-button__open_1gp9v {
     transform: var(--arrow-transform);
+} .picker-button__linkOpen_1gp9v:not(:hover) {
+    background-color: var(--color-light-specialbg-secondary-transparent);
 }

package/modern/index-50136800.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, easingFns };
+export * from "./createPaddingStyle-72dda473";

package/modern/{index-425c8522.d.ts → index-72dda473.d.ts} RENAMED Viewed

@@ -3,4 +3,10 @@ type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' |
 type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
 type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
 type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/modern/index-c76d6398.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./Component-50136800";
2	+ export type { NavigationBarProps } from "./types-83e2bd9e";

package/modern/index-ebda875c.d.ts CHANGED Viewed

@@ -71,7 +71,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
     }> | ReactElement;
-    view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
+    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;

package/modern/index-f12ee135.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export * from "./component-89a3cf4c";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
+export * from "./component-50136800";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-72dda473";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/modern/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 5cg11 */
+/* hash: 8vwun */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1dqr7 {
+} .picker-button__container_6uojz {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1dqr7.picker-button__sideGap_1dqr7 {
+} .cc-picker-button.picker-button__optionsPopover_6uojz.picker-button__sideGap_6uojz {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1dqr7 {
+        } .cc-picker-button .picker-button__option_6uojz {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1dqr7:before {
+    } .cc-picker-button .picker-button__option_6uojz:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/modern/option/Component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '@alfalab/core-components-select/modern/shared';
-const styles = {"container":"picker-button__container_n5ay9","icon":"picker-button__icon_n5ay9","content":"picker-button__content_n5ay9"};
+const styles = {"container":"picker-button__container_1s66d","icon":"picker-button__icon_1s66d","content":"picker-button__content_1s66d"};
 require('./index.css')
 const Option = ({ option, children, ...restProps }) => {

package/modern/option/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1g853 */
+/* hash: 1m2s8 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_n5ay9 {
+} .picker-button__container_1s66d {
     display: flex;
     align-items: center;
-} .picker-button__icon_n5ay9 {
+} .picker-button__icon_1s66d {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_n5ay9 {
+} .picker-button__content_1s66d {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/modern/{types-425c8522.d.ts → types-72dda473.d.ts} RENAMED Viewed

@@ -2,8 +2,8 @@
 import { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
+import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**

package/option/Component.js CHANGED Viewed

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles = {"container":"picker-button__container_n5ay9","icon":"picker-button__icon_n5ay9","content":"picker-button__content_n5ay9"};
+var styles = {"container":"picker-button__container_1s66d","icon":"picker-button__icon_1s66d","content":"picker-button__content_1s66d"};
 require('./index.css')
 var Option = function (_a) {

package/option/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1g853 */
+/* hash: 1m2s8 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_n5ay9 {
+} .picker-button__container_1s66d {
     display: flex;
     align-items: center;
-} .picker-button__icon_n5ay9 {
+} .picker-button__icon_1s66d {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_n5ay9 {
+} .picker-button__content_1s66d {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-picker-button",
-    "version": "11.0.0",
+    "version": "11.0.2",
     "description": "Picker button component",
     "keywords": [],
     "license": "MIT",
@@ -39,8 +39,8 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^9.0.0",
-        "@alfalab/core-components-select": "^15.0.0",
+        "@alfalab/core-components-button": "^9.0.2",
+        "@alfalab/core-components-select": "^15.0.2",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",
         "classnames": "^2.3.1",

package/src/field/Component.tsx CHANGED Viewed

@@ -77,7 +77,9 @@ export const Field = ({
                 block={true}
                 view={view}
                 size={buttonSize}
-                className={cn(styles.component, view === 'primary' && styles.primary, className)}
+                className={cn(className, {
+                    [styles.linkOpen]: view === 'link' && open,
+                })}
             >
                 {buttonVariant !== 'compact' && label}
             </Button>

package/src/field/index.module.css CHANGED Viewed

@@ -16,3 +16,7 @@
 .open {
     transform: var(--arrow-transform);
 }
+.linkOpen:not(:hover) {
+    background-color: var(--color-light-specialbg-secondary-transparent);
+}

package/{types-425c8522.d.ts → types-72dda473.d.ts} RENAMED Viewed

@@ -2,8 +2,8 @@
 import { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
+import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**

package/cssm/index-89a3cf4c.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };

package/cssm/index-e81c389f.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * from "./Component-89a3cf4c";
-export * from "./index-ebda875c";
-export type { NavigationBarProps } from "./types-ebda875c";

package/esm/index-89a3cf4c.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };

package/esm/index-e81c389f.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * from "./Component-89a3cf4c";
-export * from "./index-ebda875c";
-export type { NavigationBarProps } from "./types-ebda875c";

package/index-89a3cf4c.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };

package/index-e81c389f.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * from "./Component-89a3cf4c";
-export * from "./index-ebda875c";
-export type { NavigationBarProps } from "./types-ebda875c";

package/modern/index-89a3cf4c.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };

package/modern/index-e81c389f.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * from "./Component-89a3cf4c";
-export * from "./index-ebda875c";
-export type { NavigationBarProps } from "./types-ebda875c";

/package/cssm/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} RENAMED Viewed

File without changes

/package/esm/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} RENAMED Viewed

File without changes

/package/modern/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} RENAMED Viewed

File without changes

/package/{types-ebda875c.d.ts → types-83e2bd9e.d.ts} RENAMED Viewed

File without changes