@alfalab/core-components-picker-button 11.12.21 → 11.12.23

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 (50) hide show
  1. package/{esm/component-8bdd19d3.d.ts → component-ee751dcf.d.ts} +11 -5
  2. package/{component-03d088c4.d.ts → component-f0afaf5b.d.ts} +5 -2
  3. package/{component-8bdd19d3.d.ts → cssm/component-ee751dcf.d.ts} +11 -5
  4. package/{modern/component-03d088c4.d.ts → cssm/component-f0afaf5b.d.ts} +5 -2
  5. package/cssm/field/index.module.css +1 -1
  6. package/cssm/index-281accb7.d.ts +5 -2
  7. package/{esm/index-03d088c4.d.ts → cssm/index-f0afaf5b.d.ts} +5 -2
  8. package/cssm/index.module.css +1 -1
  9. package/cssm/option/index.module.css +1 -1
  10. package/cssm/typings-d515b24c.d.ts +6 -2
  11. package/desktop/Component.desktop.js +1 -1
  12. package/{modern/component-8bdd19d3.d.ts → esm/component-ee751dcf.d.ts} +11 -5
  13. package/{cssm/component-03d088c4.d.ts → esm/component-f0afaf5b.d.ts} +5 -2
  14. package/esm/desktop/Component.desktop.js +1 -1
  15. package/esm/field/Component.js +1 -1
  16. package/esm/field/index.css +7 -7
  17. package/esm/index-281accb7.d.ts +5 -2
  18. package/{cssm/index-03d088c4.d.ts → esm/index-f0afaf5b.d.ts} +5 -2
  19. package/esm/index.css +6 -6
  20. package/esm/option/Component.js +1 -1
  21. package/esm/option/index.css +5 -5
  22. package/esm/typings-d515b24c.d.ts +6 -2
  23. package/field/Component.js +1 -1
  24. package/field/index.css +7 -7
  25. package/index-281accb7.d.ts +5 -2
  26. package/{index-03d088c4.d.ts → index-f0afaf5b.d.ts} +5 -2
  27. package/index.css +6 -6
  28. package/{cssm/component-8bdd19d3.d.ts → modern/component-ee751dcf.d.ts} +11 -5
  29. package/{esm/component-03d088c4.d.ts → modern/component-f0afaf5b.d.ts} +5 -2
  30. package/modern/desktop/Component.desktop.js +1 -1
  31. package/modern/field/Component.js +1 -1
  32. package/modern/field/index.css +7 -7
  33. package/modern/index-281accb7.d.ts +5 -2
  34. package/modern/{index-03d088c4.d.ts → index-f0afaf5b.d.ts} +5 -2
  35. package/modern/index.css +6 -6
  36. package/modern/option/Component.js +1 -1
  37. package/modern/option/index.css +5 -5
  38. package/modern/typings-d515b24c.d.ts +6 -2
  39. package/moderncssm/component-ee751dcf.d.ts +129 -0
  40. package/moderncssm/component-f0afaf5b.d.ts +43 -0
  41. package/moderncssm/index-281accb7.d.ts +5 -2
  42. package/moderncssm/index-f0afaf5b.d.ts +23 -0
  43. package/moderncssm/typings-d515b24c.d.ts +6 -2
  44. package/option/Component.js +1 -1
  45. package/option/index.css +5 -5
  46. package/package.json +4 -4
  47. package/typings-d515b24c.d.ts +6 -2
  48. package/moderncssm/component-03d088c4.d.ts +0 -40
  49. package/moderncssm/component-8bdd19d3.d.ts +0 -123
  50. package/moderncssm/index-03d088c4.d.ts +0 -20
package/moderncssm/component-ee751dcf.d.ts ADDED
@@ -0,0 +1,129 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { HTMLAttributes } from "react";
4
+ import { Color } from "./colors-2c123cbc";
5
+ import { TextSkeletonProps } from "./types-1328ead9";
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 };
package/moderncssm/component-f0afaf5b.d.ts ADDED
@@ -0,0 +1,43 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TitleProps } from "./index-f0afaf5b";
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("./types-1328ead9").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 };
package/moderncssm/index-281accb7.d.ts CHANGED
@@ -5,7 +5,10 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
5
5
  view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
6
6
  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;
7
7
  weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
8
- font?: "styrene" | "system" | undefined;
8
+ font?: "alfasans" | "styrene" | "system" | {
9
+ font: "alfasans";
10
+ systemCompat: boolean;
11
+ } | undefined;
9
12
  defaultMargins?: boolean | undefined;
10
13
  className?: string | undefined;
11
14
  dataTestId?: string | undefined;
@@ -16,4 +19,4 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
16
19
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
17
20
  } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
18
21
  export { TitleMobile };
19
- export type { TitleProps as TitleMobileProps } from "./component-8bdd19d3";
22
+ export type { TitleProps as TitleMobileProps } from "./component-ee751dcf";
package/moderncssm/index-f0afaf5b.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { TitleProps } from "./component-ee751dcf";
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("./types-1328ead9").TextSkeletonProps | undefined;
20
+ defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
21
+ } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
22
+ export { Title };
23
+ export type { TitleProps };
package/moderncssm/typings-d515b24c.d.ts CHANGED
@@ -11,7 +11,7 @@ import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
11
11
  import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
12
12
  import { Color } from "./colors-2c123cbc";
13
13
  import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
14
- import { Title, TitleProps } from "./index-03d088c4";
14
+ import { Title, TitleProps } from "./index-f0afaf5b";
15
15
  import { TitleMobile, TitleMobileProps } from "./index-281accb7";
16
16
  import { FormControlProps } from "./index-c44170fe";
17
17
  import { PopoverProps } from "@alfalab/core-components-popover";
@@ -680,6 +680,10 @@ type TextBaseProps = {
680
680
  * Пропы для скелетона
681
681
  */
682
682
  skeletonProps?: TextSkeletonProps;
683
+ /**
684
+ * Шрифт текста
685
+ */
686
+ font?: "alfasans" | undefined | null;
683
687
  };
684
688
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
685
689
  tag?: "p";
@@ -1483,7 +1487,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalRespo
1483
1487
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
1484
1488
  export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
1485
1489
  export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
1486
- export type { TitleProps } from "./index-03d088c4";
1490
+ export type { TitleProps } from "./index-f0afaf5b";
1487
1491
  export type { Color } from "./colors-2c123cbc";
1488
1492
  export * from "./Component.desktop-63dec22f";
1489
1493
  export * from "./Component.mobile-96988a65";
package/option/Component.js CHANGED
@@ -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_1hcp5","icon":"picker-button__icon_1hcp5","content":"picker-button__content_1hcp5"};
13
+ var styles = {"container":"picker-button__container_173zv","icon":"picker-button__icon_173zv","content":"picker-button__content_173zv"};
14
14
  require('./index.css')
15
15
 
16
16
  var Option = function (_a) {
package/option/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1kf8h */
1
+ /* hash: 11fkf */
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 */
@@ -22,14 +22,14 @@
22
22
  /* stylelint-disable-next-line length-zero-no-unit */
23
23
  --gap-12: var(--gap-s);
24
24
  } :root {
25
- } :root {
26
- } /* сбрасывает синюю подсветку при нажатии */ .picker-button__container_1hcp5 {
25
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
26
+ } /* сбрасывает синюю подсветку при нажатии */ .picker-button__container_173zv {
27
27
  display: flex;
28
28
  align-items: center;
29
- } .picker-button__icon_1hcp5 {
29
+ } .picker-button__icon_173zv {
30
30
  display: flex;
31
31
  margin-right: var(--gap-12);
32
- } .picker-button__content_1hcp5 {
32
+ } .picker-button__content_173zv {
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.21",
3
+ "version": "11.12.23",
4
4
  "description": "Picker button component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,9 +16,9 @@
16
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-button": "^11.11.6",
19
+ "@alfalab/core-components-button": "^11.11.7",
20
20
  "@alfalab/core-components-mq": "^4.4.1",
21
- "@alfalab/core-components-select": "^17.20.10",
21
+ "@alfalab/core-components-select": "^17.20.12",
22
22
  "@alfalab/core-components-popover": "^6.3.8",
23
23
  "@alfalab/hooks": "^1.13.1",
24
24
  "@alfalab/icons-glyph": "^2.210.0",
@@ -27,5 +27,5 @@
27
27
  "@alfalab/core-components-shared": "^0.16.0"
28
28
  },
29
29
  "themesVersion": "13.7.2",
30
- "varsVersion": "9.19.0"
30
+ "varsVersion": "9.20.0"
31
31
  }
package/typings-d515b24c.d.ts CHANGED
@@ -11,7 +11,7 @@ import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
11
11
  import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
12
12
  import { Color } from "./colors-2c123cbc";
13
13
  import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
14
- import { Title, TitleProps } from "./index-03d088c4";
14
+ import { Title, TitleProps } from "./index-f0afaf5b";
15
15
  import { TitleMobile, TitleMobileProps } from "./index-281accb7";
16
16
  import { FormControlProps } from "./index-c44170fe";
17
17
  import { PopoverProps } from "@alfalab/core-components-popover";
@@ -680,6 +680,10 @@ type TextBaseProps = {
680
680
  * Пропы для скелетона
681
681
  */
682
682
  skeletonProps?: TextSkeletonProps;
683
+ /**
684
+ * Шрифт текста
685
+ */
686
+ font?: "alfasans" | undefined | null;
683
687
  };
684
688
  type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
685
689
  tag?: "p";
@@ -1483,7 +1487,7 @@ export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalRespo
1483
1487
  export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };
1484
1488
  export { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
1485
1489
  export type { ContentProps as ModalContentProps } from "./typings-4b7234ef";
1486
- export type { TitleProps } from "./index-03d088c4";
1490
+ export type { TitleProps } from "./index-f0afaf5b";
1487
1491
  export type { Color } from "./colors-2c123cbc";
1488
1492
  export * from "./Component.desktop-63dec22f";
1489
1493
  export * from "./Component.mobile-96988a65";
package/moderncssm/component-03d088c4.d.ts DELETED
@@ -1,40 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { TitleProps } from "./index-03d088c4";
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?: "styrene" | "system" | undefined;
21
- defaultMargins?: boolean | undefined;
22
- className?: string | undefined;
23
- dataTestId?: string | undefined;
24
- children?: React.ReactNode;
25
- rowLimit?: 1 | 2 | 3 | undefined;
26
- showSkeleton?: boolean | undefined;
27
- skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
28
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
29
- } & {
30
- /**
31
- * Контрольная точка, с нее начинается desktop версия
32
- * @default 1024
33
- */
34
- breakpoint?: number | undefined;
35
- /**
36
- * Версия, которая будет использоваться при серверном рендеринге
37
- */
38
- client?: "desktop" | "mobile" | undefined;
39
- } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
40
- export { TitleResponsiveProps, TitleResponsive };
package/moderncssm/component-8bdd19d3.d.ts DELETED
@@ -1,123 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { HTMLAttributes } from "react";
4
- import { Color } from "./colors-2c123cbc";
5
- import { TextSkeletonProps } from "./types-1328ead9";
6
- declare function getDefaultWeight(font: "styrene" | "system", 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
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?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';
29
- /**
30
- * Добавляет отступы
31
- */
32
- defaultMargins?: boolean;
33
- /**
34
- * Css-класс для стилизации (native prop)
35
- */
36
- className?: string;
37
- /**
38
- * Id компонента для тестов
39
- */
40
- dataTestId?: string;
41
- /**
42
- * Контент (native prop)
43
- */
44
- children?: React.ReactNode;
45
- /**
46
- * Количество строк
47
- */
48
- rowLimit?: 1 | 2 | 3;
49
- /**
50
- * Показать скелетон
51
- */
52
- showSkeleton?: boolean;
53
- /**
54
- * Пропы для скелетона
55
- */
56
- skeletonProps?: TextSkeletonProps;
57
- /**
58
- * Значение по-умолчанию для хука useMatchMedia
59
- */
60
- defaultMatchMediaValue?: boolean | (() => boolean);
61
- };
62
- type PrivateProps = {
63
- styles: {
64
- [key: string]: string;
65
- };
66
- platform: 'mobile' | 'desktop';
67
- };
68
- type TitleElementType = HTMLHeadingElement | HTMLDivElement;
69
- declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
70
- /**
71
- * HTML тег
72
- */
73
- tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
74
- /**
75
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
76
- */
77
- view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
78
- /**
79
- * Цвет текста
80
- */
81
- 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;
82
- /**
83
- * Толщина шрифта
84
- */
85
- weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
86
- /**
87
- * Шрифт текста
88
- */
89
- font?: "styrene" | "system" | undefined;
90
- /**
91
- * Добавляет отступы
92
- */
93
- defaultMargins?: boolean | undefined;
94
- /**
95
- * Css-класс для стилизации (native prop)
96
- */
97
- className?: string | undefined;
98
- /**
99
- * Id компонента для тестов
100
- */
101
- dataTestId?: string | undefined;
102
- /**
103
- * Контент (native prop)
104
- */
105
- children?: React.ReactNode;
106
- /**
107
- * Количество строк
108
- */
109
- rowLimit?: 1 | 2 | 3 | undefined;
110
- /**
111
- * Показать скелетон
112
- */
113
- showSkeleton?: boolean | undefined;
114
- /**
115
- * Пропы для скелетона
116
- */
117
- skeletonProps?: TextSkeletonProps | undefined;
118
- /**
119
- * Значение по-умолчанию для хука useMatchMedia
120
- */
121
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
122
- } & PrivateProps & React.RefAttributes<TitleElementType>>;
123
- export { getDefaultWeight, TitleProps, TitleBase };
package/moderncssm/index-03d088c4.d.ts DELETED
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { TitleProps } from "./component-8bdd19d3";
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?: "styrene" | "system" | undefined;
10
- defaultMargins?: boolean | undefined;
11
- className?: string | undefined;
12
- dataTestId?: string | undefined;
13
- children?: React.ReactNode;
14
- rowLimit?: 1 | 2 | 3 | undefined;
15
- showSkeleton?: boolean | undefined;
16
- skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
17
- defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
18
- } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
19
- export { Title };
20
- export type { TitleProps };