@alfalab/core-components-picker-button 11.5.0 → 11.5.1

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 (36) hide show
  1. package/Component-c44170fe.d.ts +1 -1
  2. package/cssm/index-a5b021bd.d.ts +2 -1
  3. package/cssm/{types-1b036d4b.d.ts → types-1328ead9.d.ts} +8 -0
  4. package/cssm/typings-c29389e5.d.ts +11 -1
  5. package/{modern/useSkeleton-1b036d4b.d.ts → cssm/use-skeleton-1328ead9.d.ts} +1 -1
  6. package/desktop/Component.desktop.js +1 -1
  7. package/esm/desktop/Component.desktop.js +1 -1
  8. package/esm/field/Component.js +1 -1
  9. package/esm/field/index.css +6 -6
  10. package/esm/index-a5b021bd.d.ts +2 -1
  11. package/esm/index.css +5 -5
  12. package/esm/option/Component.js +1 -1
  13. package/esm/option/index.css +4 -4
  14. package/{modern/types-1b036d4b.d.ts → esm/types-1328ead9.d.ts} +8 -0
  15. package/esm/typings-c29389e5.d.ts +11 -1
  16. package/{cssm/useSkeleton-1b036d4b.d.ts → esm/use-skeleton-1328ead9.d.ts} +1 -1
  17. package/field/Component.js +1 -1
  18. package/field/index.css +6 -6
  19. package/index-a5b021bd.d.ts +2 -1
  20. package/index.css +5 -5
  21. package/modern/desktop/Component.desktop.js +1 -1
  22. package/modern/field/Component.js +1 -1
  23. package/modern/field/index.css +6 -6
  24. package/modern/index-a5b021bd.d.ts +2 -1
  25. package/modern/index.css +5 -5
  26. package/modern/option/Component.js +1 -1
  27. package/modern/option/index.css +4 -4
  28. package/{esm/types-1b036d4b.d.ts → modern/types-1328ead9.d.ts} +8 -0
  29. package/modern/typings-c29389e5.d.ts +11 -1
  30. package/{useSkeleton-1b036d4b.d.ts → modern/use-skeleton-1328ead9.d.ts} +1 -1
  31. package/option/Component.js +1 -1
  32. package/option/index.css +4 -4
  33. package/package.json +3 -3
  34. package/{types-1b036d4b.d.ts → types-1328ead9.d.ts} +8 -0
  35. package/typings-c29389e5.d.ts +11 -1
  36. package/{esm/useSkeleton-1b036d4b.d.ts → use-skeleton-1328ead9.d.ts} +1 -1
@@ -145,7 +145,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
145
145
  */
146
146
  disableUserInput?: boolean;
147
147
  };
148
- declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
148
+ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
149
149
  /**
150
150
  * Значение поля ввода
151
151
  */
@@ -11,7 +11,8 @@ declare const os: {
11
11
  isIOS: typeof isIOS;
12
12
  isApplePlatform: typeof isApplePlatform;
13
13
  };
14
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
14
+ declare function getDataTestId(dataTestId: string, element: string): string;
15
+ declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
15
16
  declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
16
17
  declare function easeInOutQuad(x: number): number;
17
18
  declare const easingFns: {
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
341
341
  Footer: React.FC<FooterProps>;
342
342
  Controls: React.FC<ControlsProps>;
343
343
  };
344
+ declare function getModalTestIds(dataTestId: string): {
345
+ modal: string;
346
+ content: string;
347
+ footer: string;
348
+ controls: string;
349
+ header: string;
350
+ title: string;
351
+ closer: string;
352
+ backButton: string;
353
+ };
344
354
  type FooterProps$0 = {
345
355
  /**
346
356
  * Контент футера
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1025
1035
  */
1026
1036
  defaultMatchMediaValue?: boolean | (() => boolean);
1027
1037
  };
1028
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1038
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1029
1039
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
1030
1040
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1031
1041
  export { ModalContext } from "./Context-c2e6f1b2";
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
@@ -21,7 +21,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
21
21
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
 
24
- var styles = {"container":"picker-button__container_dyf11","optionsPopover":"picker-button__optionsPopover_dyf11","sideGap":"picker-button__sideGap_dyf11","option":"picker-button__option_dyf11"};
24
+ var styles = {"container":"picker-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
25
25
  require('./../index.css')
26
26
 
27
27
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
12
12
  import '@alfalab/icons-glyph/MoreMIcon';
13
13
  import '@alfalab/icons-glyph/MoreSIcon';
14
14
 
15
- var styles = {"container":"picker-button__container_dyf11","optionsPopover":"picker-button__optionsPopover_dyf11","sideGap":"picker-button__sideGap_dyf11","option":"picker-button__option_dyf11"};
15
+ var styles = {"container":"picker-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
16
16
  require('./../index.css')
17
17
 
18
18
  var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
8
8
  import '@alfalab/icons-glyph/MoreMIcon';
9
9
  import '@alfalab/icons-glyph/MoreSIcon';
10
10
 
11
- var styles = {"iconContainer":"picker-button__iconContainer_1tbct","addonsContainer":"picker-button__addonsContainer_1tbct","showControlIcon":"picker-button__showControlIcon_1tbct","open":"picker-button__open_1tbct","linkOpen":"picker-button__linkOpen_1tbct"};
11
+ var styles = {"iconContainer":"picker-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
12
12
  require('./index.css')
13
13
 
14
14
  var Field = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: iou5h */
1
+ /* hash: 1aymt */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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 */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_1tbct {
20
+ } .picker-button__iconContainer_xkcze {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_1tbct {
23
+ } .picker-button__addonsContainer_xkcze {
24
24
  display: flex
25
- } .picker-button__addonsContainer_1tbct.picker-button__showControlIcon_1tbct {
25
+ } .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_1tbct {
27
+ } .picker-button__open_xkcze {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_1tbct:not(:hover) {
29
+ } .picker-button__linkOpen_xkcze:not(:hover) {
30
30
  background-color: var(--color-light-transparent-default-hover);
31
31
  }
@@ -11,7 +11,8 @@ declare const os: {
11
11
  isIOS: typeof isIOS;
12
12
  isApplePlatform: typeof isApplePlatform;
13
13
  };
14
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
14
+ declare function getDataTestId(dataTestId: string, element: string): string;
15
+ declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
15
16
  declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
16
17
  declare function easeInOutQuad(x: number): number;
17
18
  declare const easingFns: {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kklog */
1
+ /* hash: 1rbx1 */
2
2
  :root {
3
3
  } /* 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 */
4
4
  } :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 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_dyf11 {
19
+ } .picker-button__container_1ol27 {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_dyf11.picker-button__sideGap_dyf11 {
21
+ } .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_dyf11 {
23
+ } .cc-picker-button .picker-button__option_1ol27 {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_dyf11:before {
25
+ } .cc-picker-button .picker-button__option_1ol27:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Option as Option$1 } from '@alfalab/core-components-select/esm/shared';
4
4
 
5
- var styles = {"container":"picker-button__container_xhgsj","icon":"picker-button__icon_xhgsj","content":"picker-button__content_xhgsj"};
5
+ var styles = {"container":"picker-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
6
6
  require('./index.css')
7
7
 
8
8
  var Option = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ae3e */
1
+ /* hash: i4app */
2
2
  :root {
3
3
  } /* 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 */
4
4
  } :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 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_xhgsj {
18
+ } .picker-button__container_1919h {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_xhgsj {
21
+ } .picker-button__icon_1919h {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_xhgsj {
24
+ } .picker-button__content_1919h {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
341
341
  Footer: React.FC<FooterProps>;
342
342
  Controls: React.FC<ControlsProps>;
343
343
  };
344
+ declare function getModalTestIds(dataTestId: string): {
345
+ modal: string;
346
+ content: string;
347
+ footer: string;
348
+ controls: string;
349
+ header: string;
350
+ title: string;
351
+ closer: string;
352
+ backButton: string;
353
+ };
344
354
  type FooterProps$0 = {
345
355
  /**
346
356
  * Контент футера
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1025
1035
  */
1026
1036
  defaultMatchMediaValue?: boolean | (() => boolean);
1027
1037
  };
1028
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1038
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1029
1039
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
1030
1040
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1031
1041
  export { ModalContext } from "./Context-c2e6f1b2";
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"iconContainer":"picker-button__iconContainer_1tbct","addonsContainer":"picker-button__addonsContainer_1tbct","showControlIcon":"picker-button__showControlIcon_1tbct","open":"picker-button__open_1tbct","linkOpen":"picker-button__linkOpen_1tbct"};
20
+ var styles = {"iconContainer":"picker-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
21
21
  require('./index.css')
22
22
 
23
23
  var Field = function (_a) {
package/field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: iou5h */
1
+ /* hash: 1aymt */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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 */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_1tbct {
20
+ } .picker-button__iconContainer_xkcze {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_1tbct {
23
+ } .picker-button__addonsContainer_xkcze {
24
24
  display: flex
25
- } .picker-button__addonsContainer_1tbct.picker-button__showControlIcon_1tbct {
25
+ } .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_1tbct {
27
+ } .picker-button__open_xkcze {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_1tbct:not(:hover) {
29
+ } .picker-button__linkOpen_xkcze:not(:hover) {
30
30
  background-color: var(--color-light-transparent-default-hover);
31
31
  }
@@ -11,7 +11,8 @@ declare const os: {
11
11
  isIOS: typeof isIOS;
12
12
  isApplePlatform: typeof isApplePlatform;
13
13
  };
14
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
14
+ declare function getDataTestId(dataTestId: string, element: string): string;
15
+ declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
15
16
  declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
16
17
  declare function easeInOutQuad(x: number): number;
17
18
  declare const easingFns: {
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kklog */
1
+ /* hash: 1rbx1 */
2
2
  :root {
3
3
  } /* 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 */
4
4
  } :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 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_dyf11 {
19
+ } .picker-button__container_1ol27 {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_dyf11.picker-button__sideGap_dyf11 {
21
+ } .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_dyf11 {
23
+ } .cc-picker-button .picker-button__option_1ol27 {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_dyf11:before {
25
+ } .cc-picker-button .picker-button__option_1ol27:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
11
11
  import '@alfalab/icons-glyph/MoreMIcon';
12
12
  import '@alfalab/icons-glyph/MoreSIcon';
13
13
 
14
- const styles = {"container":"picker-button__container_dyf11","optionsPopover":"picker-button__optionsPopover_dyf11","sideGap":"picker-button__sideGap_dyf11","option":"picker-button__option_dyf11"};
14
+ const styles = {"container":"picker-button__container_1ol27","optionsPopover":"picker-button__optionsPopover_1ol27","sideGap":"picker-button__sideGap_1ol27","option":"picker-button__option_1ol27"};
15
15
  require('./../index.css')
16
16
 
17
17
  const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
7
7
  import '@alfalab/icons-glyph/MoreMIcon';
8
8
  import '@alfalab/icons-glyph/MoreSIcon';
9
9
 
10
- const styles = {"iconContainer":"picker-button__iconContainer_1tbct","addonsContainer":"picker-button__addonsContainer_1tbct","showControlIcon":"picker-button__showControlIcon_1tbct","open":"picker-button__open_1tbct","linkOpen":"picker-button__linkOpen_1tbct"};
10
+ const styles = {"iconContainer":"picker-button__iconContainer_xkcze","addonsContainer":"picker-button__addonsContainer_xkcze","showControlIcon":"picker-button__showControlIcon_xkcze","open":"picker-button__open_xkcze","linkOpen":"picker-button__linkOpen_xkcze"};
11
11
  require('./index.css')
12
12
 
13
13
  const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: iou5h */
1
+ /* hash: 1aymt */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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 */
@@ -17,15 +17,15 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --arrow-transform: rotate(180deg);
20
- } .picker-button__iconContainer_1tbct {
20
+ } .picker-button__iconContainer_xkcze {
21
21
  display: flex;
22
22
  transition: transform 0.15s ease-in-out;
23
- } .picker-button__addonsContainer_1tbct {
23
+ } .picker-button__addonsContainer_xkcze {
24
24
  display: flex
25
- } .picker-button__addonsContainer_1tbct.picker-button__showControlIcon_1tbct {
25
+ } .picker-button__addonsContainer_xkcze.picker-button__showControlIcon_xkcze {
26
26
  margin-right: var(--gap-2xs);
27
- } .picker-button__open_1tbct {
27
+ } .picker-button__open_xkcze {
28
28
  transform: var(--arrow-transform);
29
- } .picker-button__linkOpen_1tbct:not(:hover) {
29
+ } .picker-button__linkOpen_xkcze:not(:hover) {
30
30
  background-color: var(--color-light-transparent-default-hover);
31
31
  }
@@ -11,7 +11,8 @@ declare const os: {
11
11
  isIOS: typeof isIOS;
12
12
  isApplePlatform: typeof isApplePlatform;
13
13
  };
14
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
14
+ declare function getDataTestId(dataTestId: string, element: string): string;
15
+ declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
15
16
  declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
16
17
  declare function easeInOutQuad(x: number): number;
17
18
  declare const easingFns: {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kklog */
1
+ /* hash: 1rbx1 */
2
2
  :root {
3
3
  } /* 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 */
4
4
  } :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 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .picker-button__container_dyf11 {
19
+ } .picker-button__container_1ol27 {
20
20
  min-width: auto;
21
- } .cc-picker-button.picker-button__optionsPopover_dyf11.picker-button__sideGap_dyf11 {
21
+ } .cc-picker-button.picker-button__optionsPopover_1ol27.picker-button__sideGap_1ol27 {
22
22
  padding: 0 var(--gap-xs);
23
- } .cc-picker-button .picker-button__option_dyf11 {
23
+ } .cc-picker-button .picker-button__option_1ol27 {
24
24
  padding: 0 var(--gap-m)
25
- } .cc-picker-button .picker-button__option_dyf11:before {
25
+ } .cc-picker-button .picker-button__option_1ol27:before {
26
26
  /* Удаляем разделители у опций выпадающего списка. */
27
27
  display: none;
28
28
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Option as Option$1 } from '@alfalab/core-components-select/modern/shared';
3
3
 
4
- const styles = {"container":"picker-button__container_xhgsj","icon":"picker-button__icon_xhgsj","content":"picker-button__content_xhgsj"};
4
+ const styles = {"container":"picker-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
5
5
  require('./index.css')
6
6
 
7
7
  const Option = ({ option, children, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1ae3e */
1
+ /* hash: i4app */
2
2
  :root {
3
3
  } /* 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 */
4
4
  } :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 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_xhgsj {
18
+ } .picker-button__container_1919h {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_xhgsj {
21
+ } .picker-button__icon_1919h {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_xhgsj {
24
+ } .picker-button__content_1919h {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
341
341
  Footer: React.FC<FooterProps>;
342
342
  Controls: React.FC<ControlsProps>;
343
343
  };
344
+ declare function getModalTestIds(dataTestId: string): {
345
+ modal: string;
346
+ content: string;
347
+ footer: string;
348
+ controls: string;
349
+ header: string;
350
+ title: string;
351
+ closer: string;
352
+ backButton: string;
353
+ };
344
354
  type FooterProps$0 = {
345
355
  /**
346
356
  * Контент футера
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1025
1035
  */
1026
1036
  defaultMatchMediaValue?: boolean | (() => boolean);
1027
1037
  };
1028
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1038
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1029
1039
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
1030
1040
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1031
1041
  export { ModalContext } from "./Context-c2e6f1b2";
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"container":"picker-button__container_xhgsj","icon":"picker-button__icon_xhgsj","content":"picker-button__content_xhgsj"};
13
+ var styles = {"container":"picker-button__container_1919h","icon":"picker-button__icon_1919h","content":"picker-button__content_1919h"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ae3e */
1
+ /* hash: i4app */
2
2
  :root {
3
3
  } /* 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 */
4
4
  } :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 @@
15
15
  --gap-s: 12px;
16
16
  } :root {
17
17
  } :root {
18
- } .picker-button__container_xhgsj {
18
+ } .picker-button__container_1919h {
19
19
  display: flex;
20
20
  align-items: center;
21
- } .picker-button__icon_xhgsj {
21
+ } .picker-button__icon_1919h {
22
22
  display: flex;
23
23
  margin-right: var(--gap-s);
24
- } .picker-button__content_xhgsj {
24
+ } .picker-button__content_1919h {
25
25
  overflow: hidden;
26
26
  flex: 1;
27
27
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "11.5.0",
3
+ "version": "11.5.1",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,8 +15,8 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^11.1.0",
19
- "@alfalab/core-components-select": "^17.1.0",
18
+ "@alfalab/core-components-button": "^11.1.1",
19
+ "@alfalab/core-components-select": "^17.1.1",
20
20
  "@alfalab/core-components-popover": "^6.2.1",
21
21
  "@alfalab/hooks": "^1.13.0",
22
22
  "@alfalab/icons-glyph": "^2.139.0",
@@ -9,5 +9,13 @@ type TextSkeletonProps = {
9
9
  * Ширина строки
10
10
  */
11
11
  width?: WidthUnit | WidthUnit[];
12
+ /**
13
+ * Выравнивание элементов по горизонтали
14
+ */
15
+ align?: 'left' | 'center' | 'right';
16
+ /**
17
+ * Класс для обертки скелетона
18
+ */
19
+ wrapperClassName?: string;
12
20
  };
13
21
  export { TextElementType, TextSkeletonProps };
@@ -341,6 +341,16 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
341
341
  Footer: React.FC<FooterProps>;
342
342
  Controls: React.FC<ControlsProps>;
343
343
  };
344
+ declare function getModalTestIds(dataTestId: string): {
345
+ modal: string;
346
+ content: string;
347
+ footer: string;
348
+ controls: string;
349
+ header: string;
350
+ title: string;
351
+ closer: string;
352
+ backButton: string;
353
+ };
344
354
  type FooterProps$0 = {
345
355
  /**
346
356
  * Контент футера
@@ -1025,7 +1035,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
1025
1035
  */
1026
1036
  defaultMatchMediaValue?: boolean | (() => boolean);
1027
1037
  };
1028
- export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1038
+ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
1029
1039
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
1030
1040
  export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
1031
1041
  export { ModalContext } from "./Context-c2e6f1b2";
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { TextSkeletonProps } from "./types-1b036d4b";
4
+ import { TextSkeletonProps } from "./types-1328ead9";
5
5
  type SkeletonProps = {
6
6
  /**
7
7
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером