@alfalab/core-components-picker-button 11.12.25 → 11.12.27

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 (79) hide show
  1. package/{esm/use-skeleton-1328ead9.d.ts → Component-5479f1eb.d.ts} +4 -13
  2. package/Component-c44170fe.d.ts +5 -3
  3. package/{component-ee751dcf.d.ts → component-55a59fb5.d.ts} +1 -1
  4. package/{modern/component-f0afaf5b.d.ts → component-86dd1e48.d.ts} +2 -2
  5. package/{modern/use-skeleton-1328ead9.d.ts → cssm/Component-5479f1eb.d.ts} +4 -13
  6. package/cssm/Component-c44170fe.d.ts +5 -3
  7. package/{esm/component-ee751dcf.d.ts → cssm/component-55a59fb5.d.ts} +1 -1
  8. package/{component-f0afaf5b.d.ts → cssm/component-86dd1e48.d.ts} +2 -2
  9. package/cssm/index-281accb7.d.ts +2 -2
  10. package/cssm/{index-f0afaf5b.d.ts → index-86dd1e48.d.ts} +2 -2
  11. package/cssm/index-f48ccc7b.d.ts +3 -0
  12. package/cssm/{types-1328ead9.d.ts → text-skeleton-props-cd673178.d.ts} +1 -2
  13. package/cssm/typings-d515b24c.d.ts +4 -3
  14. package/cssm/use-skeleton-5479f1eb.d.ts +12 -0
  15. package/desktop/Component.desktop.js +1 -1
  16. package/{cssm/use-skeleton-1328ead9.d.ts → esm/Component-5479f1eb.d.ts} +4 -13
  17. package/esm/Component-c44170fe.d.ts +5 -3
  18. package/{cssm/component-ee751dcf.d.ts → esm/component-55a59fb5.d.ts} +1 -1
  19. package/esm/{component-f0afaf5b.d.ts → component-86dd1e48.d.ts} +2 -2
  20. package/esm/desktop/Component.desktop.js +1 -1
  21. package/esm/field/Component.js +1 -1
  22. package/esm/field/index.css +6 -6
  23. package/esm/index-281accb7.d.ts +2 -2
  24. package/esm/{index-f0afaf5b.d.ts → index-86dd1e48.d.ts} +2 -2
  25. package/esm/index-f48ccc7b.d.ts +3 -0
  26. package/esm/index.css +5 -5
  27. package/esm/option/Component.js +1 -1
  28. package/esm/option/index.css +4 -4
  29. package/esm/{types-1328ead9.d.ts → text-skeleton-props-cd673178.d.ts} +1 -2
  30. package/esm/typings-d515b24c.d.ts +4 -3
  31. package/esm/use-skeleton-5479f1eb.d.ts +12 -0
  32. package/field/Component.js +1 -1
  33. package/field/index.css +6 -6
  34. package/index-281accb7.d.ts +2 -2
  35. package/{index-f0afaf5b.d.ts → index-86dd1e48.d.ts} +2 -2
  36. package/index-f48ccc7b.d.ts +3 -0
  37. package/index.css +5 -5
  38. package/{moderncssm/use-skeleton-1328ead9.d.ts → modern/Component-5479f1eb.d.ts} +4 -13
  39. package/modern/Component-c44170fe.d.ts +5 -3
  40. package/modern/{component-ee751dcf.d.ts → component-55a59fb5.d.ts} +1 -1
  41. package/{cssm/component-f0afaf5b.d.ts → modern/component-86dd1e48.d.ts} +2 -2
  42. package/modern/desktop/Component.desktop.js +1 -1
  43. package/modern/field/Component.js +1 -1
  44. package/modern/field/index.css +6 -6
  45. package/modern/index-281accb7.d.ts +2 -2
  46. package/modern/{index-f0afaf5b.d.ts → index-86dd1e48.d.ts} +2 -2
  47. package/modern/index-f48ccc7b.d.ts +3 -0
  48. package/modern/index.css +5 -5
  49. package/modern/option/Component.js +1 -1
  50. package/modern/option/index.css +4 -4
  51. package/modern/{types-1328ead9.d.ts → text-skeleton-props-cd673178.d.ts} +1 -2
  52. package/modern/typings-d515b24c.d.ts +4 -3
  53. package/modern/use-skeleton-5479f1eb.d.ts +12 -0
  54. package/moderncssm/Component-5479f1eb.d.ts +46 -0
  55. package/moderncssm/Component-c44170fe.d.ts +5 -3
  56. package/moderncssm/component-55a59fb5.d.ts +129 -0
  57. package/moderncssm/component-86dd1e48.d.ts +43 -0
  58. package/moderncssm/index-281accb7.d.ts +2 -2
  59. package/moderncssm/index-86dd1e48.d.ts +23 -0
  60. package/moderncssm/index-f48ccc7b.d.ts +3 -0
  61. package/moderncssm/{types-1328ead9.d.ts → text-skeleton-props-cd673178.d.ts} +1 -2
  62. package/moderncssm/typings-d515b24c.d.ts +4 -3
  63. package/moderncssm/use-skeleton-5479f1eb.d.ts +12 -0
  64. package/option/Component.js +1 -1
  65. package/option/index.css +4 -4
  66. package/package.json +2 -2
  67. package/text-skeleton-props-cd673178.d.ts +20 -0
  68. package/typings-d515b24c.d.ts +4 -3
  69. package/use-skeleton-5479f1eb.d.ts +12 -0
  70. package/cssm/index-d691530f.d.ts +0 -1
  71. package/esm/index-d691530f.d.ts +0 -1
  72. package/index-d691530f.d.ts +0 -1
  73. package/modern/index-d691530f.d.ts +0 -1
  74. package/moderncssm/component-ee751dcf.d.ts +0 -129
  75. package/moderncssm/component-f0afaf5b.d.ts +0 -43
  76. package/moderncssm/index-d691530f.d.ts +0 -1
  77. package/moderncssm/index-f0afaf5b.d.ts +0 -23
  78. package/types-1328ead9.d.ts +0 -21
  79. package/use-skeleton-1328ead9.d.ts +0 -55
@@ -9,9 +9,9 @@ import { IconButtonProps, BaseInputProps, BackdropProps } from "./index-ebda875c
9
9
  import { ContentProps } from "./typings-4b7234ef";
10
10
  import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
11
11
  import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
12
+ import { TextSkeletonProps } from "./index-f48ccc7b";
12
13
  import { Color } from "./colors-2c123cbc";
13
- import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
14
- import { Title, TitleProps } from "./index-f0afaf5b";
14
+ import { Title, TitleProps } from "./index-86dd1e48";
15
15
  import { TitleMobile, TitleMobileProps } from "./index-281accb7";
16
16
  import { FormControlProps } from "./index-c44170fe";
17
17
  import { PopoverProps } from "@alfalab/core-components-popover";
@@ -634,6 +634,7 @@ declare function useVisualViewportSize(): VisualViewportSize | null;
634
634
  * @deprecated use {@link useVisualViewportSize}
635
635
  */
636
636
  declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
637
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
637
638
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
638
639
  type TextBaseProps = {
639
640
  /**
@@ -1491,7 +1492,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalRespo
1491
1492
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
1492
1493
  export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
1493
1494
  export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
1494
- export type { TitleProps } from "./index-f0afaf5b";
1495
+ export type { TitleProps } from "./index-86dd1e48";
1495
1496
  export type { Color } from "./colors-2c123cbc";
1496
1497
  export * from "./Component.desktop-63dec22f";
1497
1498
  export * from "./Component.mobile-96988a65";
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TextSkeletonProps } from "./text-skeleton-props-cd673178";
4
+ type SkeletonProps = {
5
+ wrapperClassName?: string;
6
+ dataTestId?: string;
7
+ };
8
+ declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
9
+ renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
10
+ textRef: React.RefObject<HTMLElement>;
11
+ };
12
+ export { useSkeleton };
@@ -0,0 +1,46 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ReactNode } from "react";
4
+ type BorderRadiusSize = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 36 | 64 | 'pill';
5
+ type SkeletonProps = {
6
+ /**
7
+ * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
8
+ */
9
+ visible?: boolean;
10
+ /**
11
+ * Флаг явного включения анимации скелета
12
+ */
13
+ animate?: boolean;
14
+ /**
15
+ * Дополнительный класс
16
+ */
17
+ className?: string;
18
+ /**
19
+ * Дополнительные инлайн стили
20
+ */
21
+ style?: React.CSSProperties;
22
+ /**
23
+ * Включает размытие фона
24
+ */
25
+ allowBackdropBlur?: boolean;
26
+ /**
27
+ * Идентификатор для систем автоматизированного тестирования
28
+ */
29
+ dataTestId?: string;
30
+ /**
31
+ * Дочерние элементы.
32
+ */
33
+ children?: ReactNode;
34
+ /**
35
+ * Набор цветов для компонента
36
+ * @default default
37
+ */
38
+ colors?: 'default' | 'inverted';
39
+ /**
40
+ * Скругление углов
41
+ * @default 8
42
+ */
43
+ borderRadius?: BorderRadiusSize;
44
+ };
45
+ declare const Skeleton: React.FC<SkeletonProps>;
46
+ export { BorderRadiusSize, SkeletonProps, Skeleton };
@@ -1,7 +1,9 @@
1
1
  /// <reference types="react" />
2
- import React from 'react';
3
- import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
2
+ import React from "react";
3
+ import { ReactNode, ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, RefAttributes } from "react";
4
4
  import { FormControlProps } from "./index-c44170fe";
5
+ /** Позволяет узнать если в переданных элементах аддона компонент Steppers */
6
+ declare const hasStepperInRightAddon: (rightAddon: ReactNode) => boolean;
5
7
  type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
6
8
  /**
7
9
  * Значение поля ввода
@@ -282,5 +284,5 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
282
284
  */
283
285
  disableUserInput?: boolean | undefined;
284
286
  } & React.RefAttributes<HTMLInputElement>>;
287
+ export { hasStepperInRightAddon, BaseInputProps, BaseInput };
285
288
  export * from "./Component-ebda875c";
286
- export { BaseInputProps, BaseInput };
@@ -0,0 +1,129 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { HTMLAttributes } from "react";
4
+ import { TextSkeletonProps } from "./index-f48ccc7b";
5
+ import { Color } from "./colors-2c123cbc";
6
+ declare function getDefaultWeight(font: "styrene" | "system" | "alfasans", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
7
+ type NativeProps = HTMLAttributes<HTMLHeadingElement>;
8
+ type TitleProps = Omit<NativeProps, 'color'> & {
9
+ /**
10
+ * HTML тег
11
+ */
12
+ tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
13
+ /**
14
+ * [Вариант начертания](?path=/docs/guidelines-typography--page)
15
+ */
16
+ view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
17
+ /**
18
+ * Цвет текста
19
+ */
20
+ color?: Color;
21
+ /**
22
+ * Толщина шрифта
23
+ */
24
+ weight?: 'regular' | 'medium' | 'bold' | 'semibold';
25
+ /**
26
+ * Шрифт текста
27
+ */
28
+ font?: 'styrene' | 'system' | 'alfasans' | {
29
+ font: 'alfasans';
30
+ systemCompat: boolean;
31
+ };
32
+ /**
33
+ * Добавляет отступы
34
+ */
35
+ defaultMargins?: boolean;
36
+ /**
37
+ * Css-класс для стилизации (native prop)
38
+ */
39
+ className?: string;
40
+ /**
41
+ * Id компонента для тестов
42
+ */
43
+ dataTestId?: string;
44
+ /**
45
+ * Контент (native prop)
46
+ */
47
+ children?: React.ReactNode;
48
+ /**
49
+ * Количество строк
50
+ */
51
+ rowLimit?: 1 | 2 | 3;
52
+ /**
53
+ * Показать скелетон
54
+ */
55
+ showSkeleton?: boolean;
56
+ /**
57
+ * Пропы для скелетона
58
+ */
59
+ skeletonProps?: TextSkeletonProps;
60
+ /**
61
+ * Значение по-умолчанию для хука useMatchMedia
62
+ */
63
+ defaultMatchMediaValue?: boolean | (() => boolean);
64
+ };
65
+ type PrivateProps = {
66
+ styles: {
67
+ [key: string]: string;
68
+ };
69
+ platform: 'mobile' | 'desktop';
70
+ };
71
+ type TitleElementType = HTMLHeadingElement | HTMLDivElement;
72
+ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
73
+ /**
74
+ * HTML тег
75
+ */
76
+ tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
77
+ /**
78
+ * [Вариант начертания](?path=/docs/guidelines-typography--page)
79
+ */
80
+ view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
81
+ /**
82
+ * Цвет текста
83
+ */
84
+ color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
85
+ /**
86
+ * Толщина шрифта
87
+ */
88
+ weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
89
+ /**
90
+ * Шрифт текста
91
+ */
92
+ font?: "alfasans" | "styrene" | "system" | {
93
+ font: 'alfasans';
94
+ systemCompat: boolean;
95
+ } | undefined;
96
+ /**
97
+ * Добавляет отступы
98
+ */
99
+ defaultMargins?: boolean | undefined;
100
+ /**
101
+ * Css-класс для стилизации (native prop)
102
+ */
103
+ className?: string | undefined;
104
+ /**
105
+ * Id компонента для тестов
106
+ */
107
+ dataTestId?: string | undefined;
108
+ /**
109
+ * Контент (native prop)
110
+ */
111
+ children?: React.ReactNode;
112
+ /**
113
+ * Количество строк
114
+ */
115
+ rowLimit?: 1 | 2 | 3 | undefined;
116
+ /**
117
+ * Показать скелетон
118
+ */
119
+ showSkeleton?: boolean | undefined;
120
+ /**
121
+ * Пропы для скелетона
122
+ */
123
+ skeletonProps?: TextSkeletonProps | undefined;
124
+ /**
125
+ * Значение по-умолчанию для хука useMatchMedia
126
+ */
127
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
128
+ } & PrivateProps & React.RefAttributes<TitleElementType>>;
129
+ export { getDefaultWeight, TitleProps, TitleBase };
@@ -0,0 +1,43 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TitleProps } from "./index-86dd1e48";
4
+ type TitleResponsiveProps = TitleProps & {
5
+ /**
6
+ * Контрольная точка, с нее начинается desktop версия
7
+ * @default 1024
8
+ */
9
+ breakpoint?: number;
10
+ /**
11
+ * Версия, которая будет использоваться при серверном рендеринге
12
+ */
13
+ client?: 'desktop' | 'mobile';
14
+ };
15
+ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
16
+ tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
17
+ view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
18
+ color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
19
+ weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
20
+ font?: "alfasans" | "styrene" | "system" | {
21
+ font: "alfasans";
22
+ systemCompat: boolean;
23
+ } | undefined;
24
+ defaultMargins?: boolean | undefined;
25
+ className?: string | undefined;
26
+ dataTestId?: string | undefined;
27
+ children?: React.ReactNode;
28
+ rowLimit?: 1 | 2 | 3 | undefined;
29
+ showSkeleton?: boolean | undefined;
30
+ skeletonProps?: import("./index-f48ccc7b").TextSkeletonProps | undefined;
31
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
32
+ } & {
33
+ /**
34
+ * Контрольная точка, с нее начинается desktop версия
35
+ * @default 1024
36
+ */
37
+ breakpoint?: number | undefined;
38
+ /**
39
+ * Версия, которая будет использоваться при серверном рендеринге
40
+ */
41
+ client?: "desktop" | "mobile" | undefined;
42
+ } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
43
+ export { TitleResponsiveProps, TitleResponsive };
@@ -15,8 +15,8 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
15
15
  children?: React.ReactNode;
16
16
  rowLimit?: 1 | 2 | 3 | undefined;
17
17
  showSkeleton?: boolean | undefined;
18
- skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
18
+ skeletonProps?: import("./index-f48ccc7b").TextSkeletonProps | undefined;
19
19
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
20
20
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
21
21
  export { TitleMobile };
22
- export type { TitleProps as TitleMobileProps } from "./component-ee751dcf";
22
+ export type { TitleProps as TitleMobileProps } from "./component-55a59fb5";
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TitleProps } from "./component-55a59fb5";
4
+ declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
5
+ tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
6
+ view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
7
+ color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
8
+ weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
9
+ font?: "alfasans" | "styrene" | "system" | {
10
+ font: "alfasans";
11
+ systemCompat: boolean;
12
+ } | undefined;
13
+ defaultMargins?: boolean | undefined;
14
+ className?: string | undefined;
15
+ dataTestId?: string | undefined;
16
+ children?: React.ReactNode;
17
+ rowLimit?: 1 | 2 | 3 | undefined;
18
+ showSkeleton?: boolean | undefined;
19
+ skeletonProps?: import("./index-f48ccc7b").TextSkeletonProps | undefined;
20
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
21
+ } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
22
+ export { Title };
23
+ export type { TitleProps };
@@ -0,0 +1,3 @@
1
+ export { useSkeleton } from "./use-skeleton-5479f1eb";
2
+ export * from "./Component-5479f1eb";
3
+ export type { TextSkeletonProps } from "./text-skeleton-props-cd673178";
@@ -1,4 +1,3 @@
1
- type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
2
1
  type WidthUnit = number | string;
3
2
  type TextSkeletonProps = {
4
3
  /**
@@ -18,4 +17,4 @@ type TextSkeletonProps = {
18
17
  */
19
18
  wrapperClassName?: string;
20
19
  };
21
- export { TextElementType, TextSkeletonProps };
20
+ export { TextSkeletonProps };
@@ -9,9 +9,9 @@ import { IconButtonProps, BaseInputProps, BackdropProps } from "./index-ebda875c
9
9
  import { ContentProps } from "./typings-4b7234ef";
10
10
  import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
11
11
  import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
12
+ import { TextSkeletonProps } from "./index-f48ccc7b";
12
13
  import { Color } from "./colors-2c123cbc";
13
- import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
14
- import { Title, TitleProps } from "./index-f0afaf5b";
14
+ import { Title, TitleProps } from "./index-86dd1e48";
15
15
  import { TitleMobile, TitleMobileProps } from "./index-281accb7";
16
16
  import { FormControlProps } from "./index-c44170fe";
17
17
  import { PopoverProps } from "@alfalab/core-components-popover";
@@ -634,6 +634,7 @@ declare function useVisualViewportSize(): VisualViewportSize | null;
634
634
  * @deprecated use {@link useVisualViewportSize}
635
635
  */
636
636
  declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
637
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
637
638
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
638
639
  type TextBaseProps = {
639
640
  /**
@@ -1491,7 +1492,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalRespo
1491
1492
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
1492
1493
  export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
1493
1494
  export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
1494
- export type { TitleProps } from "./index-f0afaf5b";
1495
+ export type { TitleProps } from "./index-86dd1e48";
1495
1496
  export type { Color } from "./colors-2c123cbc";
1496
1497
  export * from "./Component.desktop-63dec22f";
1497
1498
  export * from "./Component.mobile-96988a65";
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TextSkeletonProps } from "./text-skeleton-props-cd673178";
4
+ type SkeletonProps = {
5
+ wrapperClassName?: string;
6
+ dataTestId?: string;
7
+ };
8
+ declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
9
+ renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
10
+ textRef: React.RefObject<HTMLElement>;
11
+ };
12
+ export { useSkeleton };
@@ -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_jx6c6","icon":"picker-button__icon_jx6c6","content":"picker-button__content_jx6c6"};
13
+ var styles = {"container":"picker-button__container_tufzr","icon":"picker-button__icon_tufzr","content":"picker-button__content_tufzr"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 760qt */
1
+ /* hash: 1n7gq */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -23,13 +23,13 @@
23
23
  --gap-12: var(--gap-s);
24
24
  } :root {
25
25
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
26
- } /* сбрасывает синюю подсветку при нажатии */ .picker-button__container_jx6c6 {
26
+ } /* сбрасывает синюю подсветку при нажатии */ .picker-button__container_tufzr {
27
27
  display: flex;
28
28
  align-items: center;
29
- } .picker-button__icon_jx6c6 {
29
+ } .picker-button__icon_tufzr {
30
30
  display: flex;
31
31
  margin-right: var(--gap-12);
32
- } .picker-button__content_jx6c6 {
32
+ } .picker-button__content_tufzr {
33
33
  overflow: hidden;
34
34
  flex: 1;
35
35
  text-overflow: ellipsis;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-picker-button",
3
- "version": "11.12.25",
3
+ "version": "11.12.27",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,7 +18,7 @@
18
18
  "dependencies": {
19
19
  "@alfalab/core-components-button": "^11.11.8",
20
20
  "@alfalab/core-components-mq": "^4.4.1",
21
- "@alfalab/core-components-select": "^17.20.14",
21
+ "@alfalab/core-components-select": "^17.21.1",
22
22
  "@alfalab/core-components-popover": "^6.3.9",
23
23
  "@alfalab/hooks": "^1.13.1",
24
24
  "@alfalab/icons-glyph": "^2.210.0",
@@ -0,0 +1,20 @@
1
+ type WidthUnit = number | string;
2
+ type TextSkeletonProps = {
3
+ /**
4
+ * Кол-во строк текста
5
+ */
6
+ rows?: number;
7
+ /**
8
+ * Ширина строки
9
+ */
10
+ width?: WidthUnit | WidthUnit[];
11
+ /**
12
+ * Выравнивание элементов по горизонтали
13
+ */
14
+ align?: 'left' | 'center' | 'right';
15
+ /**
16
+ * Класс для обертки скелетона
17
+ */
18
+ wrapperClassName?: string;
19
+ };
20
+ export { TextSkeletonProps };
@@ -9,9 +9,9 @@ import { IconButtonProps, BaseInputProps, BackdropProps } from "./index-ebda875c
9
9
  import { ContentProps } from "./typings-4b7234ef";
10
10
  import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
11
11
  import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
12
+ import { TextSkeletonProps } from "./index-f48ccc7b";
12
13
  import { Color } from "./colors-2c123cbc";
13
- import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
14
- import { Title, TitleProps } from "./index-f0afaf5b";
14
+ import { Title, TitleProps } from "./index-86dd1e48";
15
15
  import { TitleMobile, TitleMobileProps } from "./index-281accb7";
16
16
  import { FormControlProps } from "./index-c44170fe";
17
17
  import { PopoverProps } from "@alfalab/core-components-popover";
@@ -634,6 +634,7 @@ declare function useVisualViewportSize(): VisualViewportSize | null;
634
634
  * @deprecated use {@link useVisualViewportSize}
635
635
  */
636
636
  declare function useVisibleViewportSize(enabled?: boolean): VisualViewportSize | null;
637
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
637
638
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
638
639
  type TextBaseProps = {
639
640
  /**
@@ -1491,7 +1492,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalRespo
1491
1492
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
1492
1493
  export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
1493
1494
  export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
1494
- export type { TitleProps } from "./index-f0afaf5b";
1495
+ export type { TitleProps } from "./index-86dd1e48";
1495
1496
  export type { Color } from "./colors-2c123cbc";
1496
1497
  export * from "./Component.desktop-63dec22f";
1497
1498
  export * from "./Component.mobile-96988a65";
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TextSkeletonProps } from "./text-skeleton-props-cd673178";
4
+ type SkeletonProps = {
5
+ wrapperClassName?: string;
6
+ dataTestId?: string;
7
+ };
8
+ declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
9
+ renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
10
+ textRef: React.RefObject<HTMLElement>;
11
+ };
12
+ export { useSkeleton };
@@ -1 +0,0 @@
1
- export * from "./use-skeleton-1328ead9";
@@ -1 +0,0 @@
1
- export * from "./use-skeleton-1328ead9";
@@ -1 +0,0 @@
1
- export * from "./use-skeleton-1328ead9";
@@ -1 +0,0 @@
1
- export * from "./use-skeleton-1328ead9";